원클릭으로
ux
Run a quick UX review via ux-design-specialist agent
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Run a quick UX review via ux-design-specialist agent
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | ux |
| description | Run a quick UX review via ux-design-specialist agent |
Invokes the ux-design-specialist agent for user experience review.
Determine review scope:
Launch ux-design-specialist agent via Task tool:
Task({
subagent_type: "ux-design-specialist",
prompt: "Review the UX of [target]. Evaluate:
- User flow and friction points
- Information architecture
- Accessibility (WCAG 2.1 AA)
- Interaction patterns
- Usability concerns
Provide recommendations prioritized by user impact."
})
| Area | What to Evaluate |
|---|---|
| User Flow | Task completion, friction points |
| Information Architecture | Organization, findability |
| Accessibility | WCAG compliance, keyboard nav |
| Interaction | Feedback, affordances, patterns |
| Usability | Learnability, efficiency, errors |
User: "Review UX for the bulk action toolbar"
Launch agent:
Task({
subagent_type: "ux-design-specialist",
prompt: "Review UX for bulk action toolbar:
Feature: Select multiple items and perform actions (delete, archive, tag)
Evaluate:
- Selection interaction (click, shift-click, cmd-click)
- Toolbar visibility and positioning
- Action confirmation patterns
- Keyboard accessibility
- Error handling and undo"
})
User: "Audit keyboard navigation in the sidebar"
Launch agent:
Task({
subagent_type: "ux-design-specialist",
prompt: "Audit keyboard accessibility of the sidebar:
Component: src/components/layout/Sidebar.tsx
Evaluate:
- Tab order and focus management
- Arrow key navigation
- Screen reader compatibility
- Focus indicators
- WCAG 2.1 AA compliance"
})
Generate a new React component with Mantine styling
Update documentation after implementing features or making changes
Run a quick architecture review via architect-reviewer agent
Generate mobile-specific React components with platform detection and safe areas
Run a quick security audit on recent changes or specific files
Generate a test file for a component, hook, or utility