design-fast
[IMPORTANT] Use
TaskCreateto break ALL work into small tasks BEFORE starting — including tasks for each file read. This prevents context loss from long files. For simple tasks, AI MUST ask user whether to skip.
Think hard to plan & start working on these tasks follow the Orchestration Protocol, Core Responsibilities, Subagents Team and Development Rules: $ARGUMENTS
Skill Variant: Variant of design skills — quick design implementation.
Quick Summary
Goal: Create a quick UI design using design intelligence databases and subagents.
Workflow:
- Research — Run
ui-ux-pro-maxsearches for design intelligence - Design — Use
ui-ux-designersubagent to create the design - Review — Present to user for approval
Key Rules:
- Always activate
ui-ux-pro-maxFIRST for design intelligence - Default to pure HTML/CSS/JS if user doesn't specify framework
- Use
ai-multimodalfor generating real visual assets
Be skeptical. Apply critical thinking, sequential thinking. Every claim needs traced proof, confidence percentages (Idea should be more than 80%).
Required Skills (Priority Order)
ui-ux-pro-max- Design intelligence database (ALWAYS ACTIVATE FIRST)frontend-design- Quick implementation
Ensure token efficiency while maintaining high quality.
Workflow:
- FIRST: Run
ui-ux-pro-maxsearches to gather design intelligence: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 - Use
ui-ux-designersubagent to start the design process. - If user doesn't specify, create the design in pure HTML/CSS/JS.
- Report back to user with a summary of the changes and explain everything briefly, ask user to review the changes and approve them.
- If user approves the changes, update the
./docs/design-guidelines.mddocs if needed.
Notes:
- Remember that you have the capability to generate images, videos, edit images, etc. with
ai-multimodalskills. Use them to create the design and real assets. - Always review, analyze and double check generated assets with
ai-multimodalskills to verify quality. - Maintain and update
./docs/design-guidelines.mddocs if needed.
IMPORTANT Task Planning Notes (MUST FOLLOW)
- Always plan and break work into many small todo tasks
- Always add a final review todo task to verify work quality and identify fixes/enhancements