# Design

> Activates the Product Designer to create UI mockups and specs complying with Polaris. Use when designing user interfaces or planning UI components.

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

---


# Design UI

Create UI mockups and specifications using Polaris design system.

1. **Analyze Requirement**: Read the UI requirement provided in the argument.

2. **Act as Product Designer**:
    * Load the `product-designer` agent persona.
    * Identify the key components needed (e.g., Page, Card, ResourceList).
    * Propose a design:
        * Describe the structure using Polaris component names.
        * Explain the user flow.
        * (Optional) Use `generate_image` to create a low-fidelity mockup if visual clarity is needed.

3. **Review**: Ask the user for feedback on the proposed design.