design

Create UI mockups and specifications using Polaris design system.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "design" with this command: npx skills add toilahuongg/shopify-agents-kit/toilahuongg-shopify-agents-kit-design

Design UI

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.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

shopify-polaris-icons

No summary provided by upstream source.

Repository SourceNeeds Review
15-toilahuongg
Automation

shopify-polaris-viz

No summary provided by upstream source.

Repository SourceNeeds Review
12-toilahuongg
Automation

shopify-api

No summary provided by upstream source.

Repository SourceNeeds Review
11-toilahuongg
Automation

shopify-extensions

No summary provided by upstream source.

Repository SourceNeeds Review
9-toilahuongg