Agent skill
design-fast
[Design] Create a quick design
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/design-fast-duc01226-easy-claude
SKILL.md
[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:bashpython3 $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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?