design-wizard
Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI.
Content Preview
--- description: Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for creating distinctive, production-ready UI. allowed-tools: - Read - Write - AskUserQuestion - Skill --- # Design Wizard An interactive wizard that guides you through creating distinctive, production-ready frontend designs. ## Purpose This skill orchestrates the complete design process: 1. Discovery - Understanding what to b
How to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/design-wizard.md \
https://raw.githubusercontent.com/davepoon/buildwithclaude/main/plugins/frontend-design-pro/skills/design-wizard/SKILL.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/davepoon/buildwithclaudeThen reference at plugins/frontend-design-pro/skills/design-wizard/SKILL.md
Related Skills
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
canvas-designcanvasdesign
by Anthropic · anthropic-official-skills
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-designfrontenddesignreact
by Anthropic · anthropic-official-skills
design-consultation
Design consultation: understands your product, researches the landscape, proposes a
gstack-design-consultationdesignconsultation
by Garry Tan (YC CEO) · garrytan-gstack
design-consultation
Design consultation: understands your product, researches the landscape, proposes a
design-consultationdesignconsultation
by Garry Tan (YC CEO) · garrytan-gstack