Superdesign

This is a frontend design workflow tool that treats UI design like code development. It analyzes your existing React/Next.js codebase to understand your components, routes, and design tokens, then helps you iterate on designs through a CLI-based canvas system. Instead of jumping straight into code changes, you design first, then implement. It extracts reusable components, maintains design consistency across pages, and generates proper context for each design iteration by mapping component dependency trees. The init process automatically scans your repo structure and creates design system documentation. Good for teams that want structured design thinking before touching actual component files.

Install to Claude Code

npx -y skills add superdesigndev/superdesign-skill --skill superdesign --agent claude-code