| name | design-ui |
| description | Triggered when user asks to design UI/UX, create user interfaces, or implement frontend designs. Automatically delegates to the ui-designer agent. |
| allowed-tools | Read, Write, Edit, Grep, Glob |
| context | fork |
| agent | ui-designer |
Design UI Skill
Trigger Phrases
This skill is automatically triggered when the user:
- Asks to "design UI" or "create interface"
- Requests UI/UX design or improvements
- Wants to "build components" or "create frontend"
- Mentions "UI", "UX", "interface", or "user experience"
- Asks about UI patterns or design
Delegation Instructions
When this skill is triggered:
- Delegate immediately to the
ui-designer agent
- Provide UI requirements and use cases
- Include design preferences or constraints
- Specify accessibility requirements
- Include responsive design needs
Context to Pass
- UI Requirements: What the interface needs to do
- Use Cases: User workflows and scenarios
- Design Preferences: Style or design preferences
- Accessibility: Accessibility requirements
- Responsive: Mobile/tablet/desktop needs
- Components: Existing components to use
Agent Responsibilities
The ui-designer agent will:
- Design UI layouts and components
- Ensure accessibility
- Create responsive designs
- Follow UI/UX best practices
- Implement component code
- Ensure usability
