Superdesign
superdesign
Design and redesign frontend UI and marketing graphics on an infinite canvas with AI-assisted design system generation.
What is Superdesign?
Superdesign helps you create and iterate on frontend UI designs and marketing graphics using an infinite canvas interface. It reads your codebase for context, automatically sets up a design system, and generates branchable design drafts that you can refine. Use it for landing pages, dashboards, wireframes, mockups, and brand graphics.
- Read codebase context to inform design decisions
- Automatically generate and set up design systems
- Create branchable design drafts for iterative refinement
- Design frontend UI components and layouts
- Create marketing graphics, posters, and branding assets
- Generate wireframes and mockups for dashboards and landing pages
How to install Superdesign
Claude Code install command.
/plugin install superdesign@claude-plugins-officialWorks with
Agents this plugin has been detected to support.
Related plugins
superpowers
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
mattpocock-skills
Matt Pocock's engineering skills: TDD, code review, domain modeling, and spec-driven development for Claude Code.
chrome-devtools-mcp
Automate Chrome, debug deeply, and analyze performance via DevTools and Puppeteer
hyperframes
Write HTML, render it as video with animations, captions, and voiceovers using HyperFrames.
agent-sdk-dev
Development tools for building Claude agents with the Agent SDK.
asana
Connect Claude Code to Asana for task creation, project search, and progress tracking.