design

Name: design
Rating: 76
Author: toilahuongg

激活产品设计师，帮助其根据 Polaris 设计规范，高效创建 UI 原型与设计文档。适用于用户界面设计，或规划 UI 组件时使用。

SKILL.md

--- frontmatter

name: design
description: Activates the Product Designer to create UI mockups and specs complying with Polaris. Use when designing user interfaces or planning UI components.
argument-hint: "[UI requirement or component to 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.