ux-developer

Plugin ux-developer from marketplace standardbeagle-tools in standardbeagle/standardbeagle-tools. Commands read from the repo's manifest — 4 days ago.

Skills (20)

• ux-developer-a11y-check

  \"Run comprehensive accessibility audit against WCAG 2.2 with actionable fix recommendations. 執行WCAG 2.2無障礙審計：自動化axe審計、手動清單、修復代碼。 Use when: pre-deploy a11y check, reviewing new component, fixing accessibility bugs.\"

• ux-developer-cognitive-load

  Cognitive load reduction strategies for clearer, simpler user experiences. 認知負荷削減策略：選擇精簡、漸進披露、一致模式、智能默認。 Use when: reviewing information architecture, simplifying complex flows, reducing decision points.

• ux-developer-component-ux

  \"Design or review UI component with UX best practices, accessibility, and interaction patterns. 設計或審查UI組件：狀態、鍵盤、ARIA、響應式、agnt實時分析。 Use when: building new components, reviewing accessibility of existing widgets, spec-ing interaction states.\"

• ux-developer-content-hierarchy

  Visual hierarchy and content structure principles for scannable, accessible layouts. 視覺層次與內容結構：導引用戶、可掃描、無障礙。 Use when: page layout review, heading audit, information architecture.

• ux-developer-error-handling

  Error handling UX patterns for helpful, accessible, and recoverable error states. 可達可復之錯誤UX模式：消息清晰、焦點管理、無障礙。 Use when: designing error states, form validation, network failure UX.

• ux-developer-form-design

  Form design best practices for usability, accessibility, and conversion. 表單設計最佳實踐：標籤、驗證、錯誤、自動填充、多步驟。 Use when: designing new forms, reviewing form UX, adding autofill or validation.

• ux-developer-form-ux

  \"Design or review forms with UX best practices for usability, accessibility, and conversion. 設計或審查表單UX：標籤、驗證、無障礙清單、agnt實時檢查。 Use when: building new forms, auditing existing form UX, improving conversion.\"

• ux-developer-keyboard-navigation

  Keyboard accessibility patterns for operable, navigable interfaces. 鍵盤無障礙：焦點可見、邏輯順序、無陷阱、組件鍵盤模式。 Use when: implementing modals, menus, tabs, custom interactive widgets.

• ux-developer-loading-states

  Loading state patterns for responsive, accessible, and visually polished user feedback. 加載狀態模式：旋轉器、進度條、骨架屏，含ARIA與減少動效支持。 Use when: designing async feedback, skeleton screens, optimistic UI updates.

• ux-developer-mobile-first

  Mobile-first design and development principles for responsive web experiences. 移動優先設計：觸控目標、斷點、性能、表單優化。 Use when: starting responsive layout, auditing mobile UX, adding new breakpoints.

• ux-developer-navigation-patterns

  Navigation design patterns for intuitive, accessible wayfinding. 導航設計模式：水平欄、側邊欄、漢堡菜單、麵包屑，均含ARIA。 Use when: designing nav structure, responsive navigation, adding breadcrumbs or tabs.

• ux-developer-nielsen-heuristics

  Evaluate UI against Nielsen's 10 heuristics; score each 1–5 and surface issues. 尼爾森十則啟發評介界面，逐則評分、列缺失。 Use when: auditing existing UI, design review, pre-launch heuristic scoring.

• ux-developer-recommender

  Routes UX/accessibility/frontend-UX intent to right manual ux-developer skill. ux-developer 唯一自動網關。 Use when: UX review/audit, accessibility/WCAG/a11y check, screen reader, keyboard nav, form/component UX, user flow, navigation, content hierarchy, cognitive load, loading/error states, mobile-first,

• ux-developer-screen-reader

  Screen reader accessibility patterns for semantic, announced, navigable content. 屏幕閱讀器無障礙：語義HTML、ARIA、動態公告、焦點管理。 Use when: implementing interactive widgets, ARIA live regions, assistive tech testing.

• ux-developer-setup-mcp

  Install agnt MCP server for UX development workflows - uses ~/.local/bin if available, falls back to npx. 為UX工作流安裝agnt MCP服務器：自動選擇本地二進制或npx。 Use when: first-time ux-developer plugin setup, configuring agnt for a11y audits or screenshots.

• ux-developer-touch-targets

  Touch target sizing and spacing guidelines for mobile and touch interfaces. 觸控目標尺寸與間距：WCAG 2.2、Apple HIG、Material Design基準。 Use when: mobile UI review, button sizing, form element spacing on touch devices.

• ux-developer-user-flow

  \"Design, document, or analyze user flows with UX best practices and friction identification. 設計或分析用戶流程：映射旅程、識別摩擦、無障礙與移動端考量、agnt測試。 Use when: designing checkout/onboarding flows, finding drop-off points, documenting user paths.\"

• ux-developer-ux-review

  \"Comprehensive UX review of page, component, or flow using heuristics and best practices. 綜合UX審查：Nielsen啟發評分、無障礙快查、移動端、性能影響、優先行動項。 Use when: reviewing page or component, design critique, investigating reported usability issues.\"

• ux-developer-ux-verify

  \"Pre-commit/pre-deploy UX verification checklist to catch issues before they ship. 部署前UX驗證：無障礙、交互、響應式、性能清單，含agnt自動化。 Use when: before commit, before deployment, after implementing UI changes.\"

• ux-developer-wcag-guidelines

  WCAG 2.2 accessibility guidelines reference for web development. WCAG 2.2無障礙指南速查：POUR四原則、A/AA/AAA準則、代碼示例。 Use when: accessibility audit, new feature design, pre-launch compliance check.

Subagents (4)

• a11y-specialist

  Deep accessibility specialist for WCAG compliance, assistive tech, and inclusive design. 深度無障礙專家：WCAG 2.2全級別、屏幕閱讀器、鍵盤、ARIA、合規文檔。 Use when: accessibility certification, VPAT prep, complex widget implementation, screen reader optimization.

• component-designer

  Design accessible, usable, documented UI components from spec through implementation. 設計無障礙UI組件：需求、規格、鍵盤、ARIA、代碼、文檔全流程。 Use when: creating new components, refactoring for accessibility, building design system components.

• flow-analyst

  Analyze, map, optimize, and test user journeys for friction and conversion. 用戶流程分析：映射旅程、識別摩擦、agnt實時測試、生成優化報告。 Use when: designing new flows, identifying drop-off points, preparing usability test scripts.

• ux-auditor

  Comprehensive UX audit agent evaluating heuristics, accessibility, and usability. 全面UX審計：Nielsen啟發評分、WCAG合規、移動端、性能影響、優先建議。 Use when: pre-launch review, design review, periodic UX health checks, onboarding to new codebase.

Similar plugins