Frontend Design Skill
superdesigndev/superdesign-skill · skills
Turn AI-generated interfaces into polished, shippable frontend designs for Claude Code, Cursor, and other coding agents.
★ 525GitHub stars
27Forks
2026-08-15Last updated
JavaScriptLanguage
MITLicense
Key features
- Use design agent to generate high quality design drafts
- Investigate existing UI, workflow 2.
- The purpose of replica html template is creating a lightweight version of existing UI so design agent can iterate on top of it (Since superdesign doesn't have access to your codebase directly, this is important context)
- Naming convention Name replica_html_template for reusability: Use the page route (e.g., home.html, settings-profile.html, dashboard.html) This makes it easy to identify if a page_template already exists.
- Create project (optionally seed a baseline draft from an HTML template via --template)
Install command
dsh plugin --profile web add github:superdesigndev/superdesign-skill