# Design UI

> Triggered when user asks to design UI/UX, create user interfaces, or implement frontend designs. Automatically delegates to the ui-designer agent.

- Skill: `dobroslavradosavljevic/design-ui` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dobroslavradosavljevic/design-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dobroslavradosavljevic/design-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: dobroslavradosavljevic (https://skillmd.com/u/dobroslavradosavljevic)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dobroslavradosavljevic/design-ui

---


# 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:

1. **Delegate immediately** to the `ui-designer` agent
2. Provide UI requirements and use cases
3. Include design preferences or constraints
4. Specify accessibility requirements
5. 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:

1. Design UI layouts and components
2. Ensure accessibility
3. Create responsive designs
4. Follow UI/UX best practices
5. Implement component code
6. Ensure usability