wordpress-workspace-agent-ux-consistency-check

작성자: automattic

Review WordPress Workspace Agent, site picker, conversation history, Quick Ask, QuickLauncher, settings, and sidebar UX for consistency with the repo's plain,…

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.

automattic의 다른 스킬

wp-phpstan
automattic
WordPress 프로젝트(플러그인/테마/사이트)에서 PHPStan 정적 분석을 설정, 실행 또는 수정할 때 사용: phpstan.neon 설정, 기준선,…
official
wp-playground
automattic
WordPress Playground 워크플로우에 사용: 브라우저 또는 @wp-playground/cli(서버, run-blueprint, build-snapshot)를 통해 로컬에서 빠르게 일회용 WP 인스턴스를 실행합니다.
official
wp-plugin-development
automattic
WordPress 플러그인 개발 시 사용: 아키텍처 및 훅, 활성화/비활성화/제거, 관리자 UI 및 설정 API, 데이터 저장, 크론/작업, 보안…
official
wp-project-triage
automattic
WordPress 저장소(플러그인/테마/블록 테마/WP 코어/Gutenberg/전체 사이트)의 도구/테스트/버전 등을 포함한 결정론적 검사가 필요할 때 사용합니다.
official
wp-rest-api
automattic
WordPress REST API 엔드포인트/라우트를 구축, 확장 또는 디버깅할 때 사용: register_rest_route, WP_REST_Controller/컨트롤러 클래스, 스키마/인수…
official
wp-wpcli-and-ops
automattic
WP-CLI(wp)를 사용하여 WordPress 작업을 수행할 때 사용: 안전한 검색-바꾸기, DB 내보내기/가져오기, 플러그인/테마/사용자/콘텐츠 관리, 크론, 캐시 플러싱 등
official
wpds
automattic
WordPress 디자인 시스템(WPDS)과 그 컴포넌트, 토큰, 패턴 등을 활용하여 UI를 구축할 때 사용합니다.
official
woocommerce-finalize
automattic
WooCommerce 플러그인을 위한 사전 릴리스 코드 건강 및 추적성 감사. 코드 리뷰 후 실행되며, 죽은 코드, 중복, 구조적 복잡성 등을 중점적으로 확인합니다…
official