superdesign
Superdesign is a frontend UI/UX design agent that manages design projects, generates drafts, iterates on design variations, and extracts reusable components from existing codebases.
Is superdesign safe to install?
Review the source first: our audit of superdesign's source files found 11 shell commands, 2 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill executes shell commands, installs global npm packages, and reads/writes local files to manage design context and project structures.
How we audit skills: our security review methodology.
Who is this skill for?
Frontend developers and UI/UX designers who need to automate design system implementation and component extraction.
What can you do with it?
- Analyze repositories to build UI context for design tasks
- Generate design drafts based on existing component context
- Iterate on design drafts to apply themes or styles
- Extract reusable components from HTML files
- Manage design projects and component libraries
How good is this skill?
Quality score: 9/10. The documentation is clear and provides explicit instructions for setup and usage. The reliance on external URLs for guidelines and initialization is well-defined.
What does the skill file contain?
SuperDesign helps you (1) find design inspirations/styles and (2) generate/iterate design drafts on an infinite canvas. --- # Core scenarios (what this skill handles) 1. **superdesign init** — Analyze the repo and build UI context to `.superdesign/init/` 2. **Help me design X** (feature/page/flow) 3. **Set design system** 4. **Help me improve design of X** # Init: Repo Analysis When `.superdesign/init/` directory doesn't exist or is empty, you MUST automatically: 1. Create the `.superdesign/init/` directory 2. Fetch the init prompt from the URL below 3. Follow the prompt instructions to ...
Frequently asked questions
What files does the skill require for context?
The skill requires components.md, layouts.md, routes.md, theme.md, pages.md, and extractable-components.md located in the .superdesign/init/ directory.
How does the skill handle authentication?
The skill requires the user to run superdesign login via the CLI before executing any design commands.
Does the skill support partial file context?
Yes, the skill supports line ranges for context files using the format --context-file path:startLine:endLine.
Related skills
find-skills
2.3MUsers seeking to extend agent capabilities with specialized tools, workflows, or knowledge packages
The find-skills skill enables agents to search for, discover, and install modular packages from the open agent skills ecosystem using the Skills CLI.
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
agent-browser
506.7KAI agents and developers requiring programmatic web interaction, exploratory testing, or automation of Electron desktop applications
The agent-browser CLI provides browser automation for AI agents using Chrome or Chromium via CDP. It supports page navigation, form interaction, data extraction, and testing. The tool utilizes accessibility-tree snapshots and element references for interaction.
video-edit
338.7KUsers of the RunComfy CLI who need to automate video editing tasks like restyling, background swapping, or motion transfer
The video-edit skill acts as a router for the RunComfy CLI, selecting between Wan 2.7 Edit-Video, Kling 2.6 Pro Motion Control, and Lucy Edit Restyle models based on user intent to perform video transformations.