wordpress-workspace-agent-ux-consistency-check

Xem xét WordPress Workspace Agent, trình chọn trang web, lịch sử hội thoại, Quick Ask, QuickLauncher, cài đặt và thanh bên UX để đảm bảo tính nhất quán với kho lưu trữ đơn giản,…

npx skills add https://github.com/automattic/workspace --skill wordpress-workspace-agent-ux-consistency-check

WordPress Workspace Agent UX Consistency Check

Use this skill for recurring Agent and workspace UI patterns.

Workflow

  1. Inspect the relevant UI and state.
    • Common files: Sources/WordPressAgentWindowView.swift, Sources/WordPressAgentUtilityOverlayView.swift, Sources/MenuBarView.swift, Sources/SettingsView.swift, and Sources/AppState.swift.
    • Search with rg -n "Starred|All Sites|Load previous|QuickLauncher|@|settings|shortcut|conversation|site" Sources.
  2. Preserve site-scoped clarity.
    • Make the active selected site visible before sending text, audio, images, screenshots, or Agent messages.
    • Prefer explicit site switching over hidden "last site" behavior.
    • When a user chooses a site-bound app or action, make that site handoff visible and update the current site deliberately.
    • Use Starred and All Sites as plain labels.
  3. Prefer calm, explicit controls.
    • Avoid hidden auto-loading when a visible action is clearer.
    • Use "Load previous conversations" for paging older history.
    • Persist state users mentally own: starred sites, sidebar sections, collapse state, and cached lists.
    • Keep buttons and settings copy straightforward rather than clever.
  4. Keep settings explanatory.
    • Toggles should say what changes when enabled, especially for artifacts, indexing, debug behavior, permissions, and setup reruns.
  5. Review failure and empty states.
    • Empty, loading, signed-out, no-site, no-results, and permission-denied states should be specific and actionable.

Output

  • Lead with UX inconsistencies and behavioral risks.
  • Include file and line references.
  • Separate product-language suggestions from implementation bugs.

Thêm skills từ automattic

dn-info
automattic
Lấy thông tin chi tiết về một tên miền đã đăng ký bằng dn CLI. Sử dụng khi người dùng muốn xem chi tiết tên miền như ngày hết hạn, máy chủ tên, thông tin liên hệ,…
official
wordpress-plugin-publish
automattic
Sử dụng kỹ năng này khi xuất bản, gửi, tải lại, xác minh, đóng gói, kiểm tra, demo hoặc phát hành plugin WordPress.org với Pressship. Nó bao gồm…
official
dev
automattic
Quy trình phát triển cho plugin WordPress ActivityPub bao gồm thiết lập wp-env, lệnh kiểm thử, linting và quy trình xây dựng. Sử dụng khi thiết lập môi trường phát triển…
official
gitattributes
automattic
Sử dụng khi kiểm tra hoặc cập nhật phạm vi export-ignore trong .gitattributes để các tệp chỉ dành cho nhà phát triển (cấu hình lint, CI, kiểm thử, tài liệu, công cụ xây dựng) không được đưa vào bản phát hành…
official
integrations
automattic
Các mẫu tích hợp plugin WordPress của bên thứ ba. Sử dụng khi thêm tích hợp mới, gỡ lỗi tương thích với các plugin khác, hoặc làm việc với các…
official
design-systems
automattic
Hướng dẫn định hướng thẩm mỹ táo bạo cho thiết kế web. Sử dụng khi đưa ra các quyết định sáng tạo về kiểu chữ, màu sắc, chuyển động, bố cục không gian và tổng thể hình ảnh…
official
site-specification
automattic
Trích xuất thông số kỹ thuật toàn diện của trang web từ các mô tả đơn giản. Sử dụng khi phân tích yêu cầu chủ đề của người dùng để xác định loại trang, đối tượng, giọng điệu, bố cục…
official
wordpress-block-theming
automattic
Kiến trúc chủ đề WordPress Full Site Editing (FSE). Sử dụng khi tạo theme.json, block templates, template parts, patterns và functions.php cho…
official