Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

superdesigndev/superdesign-skill

1 skill · 7.5k installs · 381 stars · GitHub

Install

npx skills add https://github.com/superdesigndev/superdesign-skill

Skills in this repo

1Superdesign> --- name: superdesign description: > Superdesign is a design agent specialized in frontend UI/UX design. Use this skill before implementing any UI that requires design thinking. Common commands: superdesign create-project --title "X" (setup project), superdesign create-design-draft --project-id <id> --title "Current UI" -p "Faithfully reproduce..." --context-file src/Component.tsx (faithful reproduction), superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx (design variations), superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx (extend to more pages), superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' (extract reusable component), superdesign update-component --component-id <id> --html-file /tmp/navbar.html (update existing component), superdesign list-components --project-id <id> (list existing components). Supports line ranges: --context-file path:startLine:endLine metadata: author: superdesign version: "0.0.2" --- SuperDesign helps you (1) find design inspirations/styles and (2) generate/iterate design dr.7.5kinstalls

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

superdesigndev/superdesign-skill · 1 skills · Skillselion