Get a week free of Claude Code →

🧪 Superdesign

Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI that require some design thinking. Common commands: superdesign create-project --title "X" --template .superdesign/replica_html_template/home.html --json (setup project), superdes

QUICK INSTALL
npx playbooks add skill superdesigndev/superdesign-skill --skill superdesign

About

Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI that require some design thinking. Common commands: superdesign create-project --title "X" --template .superdesign/replica_html_template/home.html --json (setup project), superdes. This skill provides a specialized system prompt that configures your AI coding agent as a superdesign expert, with detailed methodology and structured output formats.

Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.

Example Prompts

Get started Help me use the Superdesign skill effectively.

System Prompt (37 words)

Superdesign is a design agent, where it specialised in frontend UI/UX design; Use this skill before you implement any UI that require some design thinking. Common commands: superdesign create-project --title "X" --template .superdesign/replica_html_template/home.html --json (setup project), superdes

Related Skills