Back to Details

design-fast

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
Think hard to plan & start working on these tasks follow the Orchestration Protocol, Core Responsibilities, Subagents Team and Development Rules: <tasks>$ARGUMENTS</tasks>
请严格按照编排协议（Orchestration Protocol）、核心职责、子代理团队（Subagents Team）和开发规则来规划并开展以下任务： <tasks>$ARGUMENTS</tasks>

Required Skills (Priority Order)

必备技能（优先级排序）

  1. ui-ux-pro-max
     - Design intelligence database (ALWAYS ACTIVATE FIRST)
  2. frontend-design
     - Quick implementation
Ensure token efficiency while maintaining high quality.
  1. ui-ux-pro-max
     - 设计智能数据库（请始终优先激活）
  2. frontend-design
     - 快速实现
在保证高质量的同时，确保Token使用效率。

Workflow:

工作流程：

  1. FIRST: Run 
    ui-ux-pro-max
    searches to gather design intelligence:
    bash
    python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<product-type>" --domain product
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<style-keywords>" --domain style
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<mood>" --domain typography
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<industry>" --domain color
  2. Use 
    ui-ux-designer
    subagent to start the design process.
  3. If user doesn't specify, create the design in pure HTML/CSS/JS.
  4. Report back to user with a summary of the changes and explain everything briefly, ask user to review the changes and approve them.
  5. If user approves the changes, update the 
    ./docs/design-guidelines.md
    docs if needed.
  1. 第一步：运行
    ui-ux-pro-max
    搜索以收集设计情报：
    bash
    python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<product-type>" --domain product
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<style-keywords>" --domain style
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<mood>" --domain typography
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<industry>" --domain color
  2. 使用
    ui-ux-designer
    子代理启动设计流程。
  3. 如果用户未指定，使用纯HTML/CSS/JS创建设计。
  4. 向用户反馈变更摘要，简要说明所有内容，并请用户审核变更并批准。
  5. 如果用户批准变更，必要时更新
    ./docs/design-guidelines.md
    文档。

Notes:

注意事项：

  • Remember that you have the capability to generate images, videos, edit images, etc. with 
    ai-multimodal
    skills. Use them to create the design and real assets.
  • Always review, analyze and double check generated assets with 
    ai-multimodal
    skills to verify quality.
  • Maintain and update 
    ./docs/design-guidelines.md
    docs if needed.
  • 请记住你具备通过
    ai-multimodal
    技能生成图片、视频、编辑图片等能力。请使用这些技能来创建设计和实际资产。
  • 请始终使用
    ai-multimodal
    技能对生成的资产进行审核、分析和二次检查，以确保质量。
  • 必要时维护并更新
    ./docs/design-guidelines.md
    文档。

IMPORTANT Task Planning Notes

重要的任务规划注意事项

  • Always plan and break many small todo tasks
  • Always add a final review todo task to review the works done at the end to find any fix or enhancement needed
  • 请始终规划并拆分多个小型待办任务
  • 请始终添加一个最终审核待办任务，在结束时检查已完成的工作，找出需要修复或优化的地方