Superdesign plugin: what it installs and how to add it
Designs frontend UI, presentations and marketing graphics on an infinite canvas using your codebase for context.
From the Marketplace: claude-plugins-official marketplace
Install
> /plugin install superdesign@claude-plugins-officialRun it inside Claude Code. The official marketplace is already known, so there is nothing to add first.
What is inside
- 1skill
About this plugin
Superdesign helps coding agents design or redesign frontend interfaces, presentations and marketing graphics on an infinite canvas. It reads the codebase for context, helps establish a design system, and creates drafts that can be branched and refined.
Reach for it when you want to improve a page or flow, create an editable slide outline and presentation, produce graphics, or extract design guidance from an existing project. It requires the Superdesign CLI and a logged-in account, installed with npm install -g @superdesign/cli@latest and superdesign login.
What's inside
- 1 skill:
superdesign
More from claude-plugins-official
- SuperpowersOfficialGuides Claude Code through planning, TDD, debugging, code review, and subagent-driven software development.Marketplace: claude-plugins-officialGitHub stars: 294k
- Matt Pocock SkillsOfficialAdds reusable engineering skills for specification, TDD, code review, debugging, domain modelling and project handoffs.Marketplace: claude-plugins-officialGitHub stars: 274k
- HyperFramesOfficialCreates deterministic MP4 videos from HTML, CSS, media and animations using HeyGen's HyperFrames framework.Marketplace: claude-plugins-officialGitHub stars: 55.4k
- Chrome DevTools MCPOfficialControls and inspects a live Chrome browser for debugging, performance analysis, network checks, and Puppeteer automation.Marketplace: claude-plugins-officialGitHub stars: 52.9k
- Agent SDK DevOfficialCreates and verifies Claude Agent SDK applications in Python and TypeScript, with scaffolding and best-practice checks.Marketplace: claude-plugins-officialGitHub stars: 37.3k
- AsanaOfficialConnects Claude Code to Asana for creating tasks, searching projects, updating assignments and tracking work.Marketplace: claude-plugins-officialGitHub stars: 37.3k
Related plugins
- Open DesignConnects coding agents to the local OpenDesign app for projects, files, previews and design systems through an MCP server.Marketplace: open-designGitHub stars: 99.1k
- ImpeccableAdds design vocabulary and review guidance for building clearer, more consistent frontend interfaces with AI coding agents.Marketplace: claude-communityGitHub stars: 73.7k
- Accessibility ComplianceAudits web interfaces against WCAG and checks screen-reader, keyboard, and inclusive design concerns.Marketplace: claude-code-workflowsGitHub stars: 40.1k
- Brand Landing PageGuides brand discovery and iterative landing-page design in Stitch, producing a deployment-ready static HTML bundle.Marketplace: claude-code-workflowsGitHub stars: 40.1k
Skills, not plugins
Prefer a single skill for design work? 86 skills in the same category, each installed on its own.