design

Original：🇺🇸 English

Translated

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

2installs

Added on2026-03-04

NPX Install

npx skill4agent add toilahuongg/shopify-agents-kit design

Create UI mockups and specifications using Polaris design system.

Analyze Requirement: Read the UI requirement provided in the argument.
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.
Review: Ask the user for feedback on the proposed design.