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

testing-js
automattic
Hướng dẫn kiểm tra tệp JavaScript để tìm lỗi cú pháp
setup
automattic
Xác minh rằng dn CLI đã được cài đặt và cấu hình. Sử dụng khi người dùng lần đầu cài đặt plugin domain-names, hoặc khi lệnh dn thất bại vì CLI đã…
studio-cli
automattic
Sử dụng Studio CLI để quản lý các trang WordPress cục bộ, xác thực và các trang xem trước. Kích hoạt kỹ năng này khi bạn cần chạy các lệnh Studio CLI, quản lý…
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ệ,…
qa
automattic
So sánh nội dung WXR đã trích xuất với trang web nguồn gốc ban đầu từng trang một. Tìm văn bản, tiêu đề, hình ảnh và liên kết bị thiếu. Khắc phục bằng cách vá WXR hoặc…
add-skill
automattic
Thêm một kỹ năng mới vào plugin a8c-design. Sử dụng khi bạn đã xây dựng một kỹ năng Claude Code và muốn đóng góp nó vào plugin a8c-design dùng chung của Automattic —…
design-foundations
automattic
Xây dựng một JSON nền tảng thiết kế mạch lạc từ một trang web đã được giải phóng — các vai trò ngữ nghĩa về màu sắc/kiểu chữ/khoảng cách kèm dấu vết bằng chứng. Sử dụng khung sườn một phần…
wp-phpstan
automattic
Sử dụng khi cấu hình, chạy hoặc sửa lỗi phân tích tĩnh PHPStan trong các dự án WordPress (plugin/giao diện/trang web): thiết lập phpstan.neon, baselines,…