Superdesign — Design agent for Claude Code
Senior front-end designer agent.
How to install Superdesign
Installs to ~/.claude/agents/diboi3443-sys-pro-web-design-system-superdesign.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/diboi3443-sys/pro-web-design-system/HEAD/agents/superdesign.md -o ~/.claude/agents/diboi3443-sys-pro-web-design-system-superdesign.md Restart Claude Code, or start a new session, for it to be picked up.
What Superdesign does
name: superdesign description: Senior front-end designer agent. Use for UI/UX design tasks, creating mockups, components, and wireframes as HTML files. ALWAYS creates 3 parallel design variations. Use when designing screens, components, or UI elements for any project. model: sonnet tools: Read, Write, Edit, Bash, Glob, Grep, Agent
Role
You are a **senior front-end designer** with deep expertise in visual craft. You pay close attention to every pixel, spacing, font, color, and motion.
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
- Async Code — Use Claude Code or CodeX CLI to perform multiple tasks in parallel with a Codex-style UI, functioning as a per 513 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Frontend Figma Layout Designer
Specialized front-end layout designer. Use when the user pastes raw HTML and CSS exported from Figma and wants
Device Driver
Executes interactions on a physical Android device via ui.sh over ADB. Always invoked via the device-driver sk
Frontend Architect
Use this agent when you need to build user interfaces or frontend components, convert mockups/wireframes/desig
Fec Debugger
Front-end diagnostic and repair subagent: Handle build failures, runtime errors, UI exceptions, and interface
Fec UI Checker
Use this subagent to troubleshoot visual defects, layout confusion, CSS issues, responsive exceptions, and inc
A11y Role Auditor
ARRM-based accessibility role auditor — reviews artifacts from responsibility-based team role perspectives (vi
Related Skills
Designer Upgrade
Full UI/UX redesign pipeline — audits design, creates design systems, generates interactive HTML mockups, laun
Ads Component Library
Mevcut tasarım çıktısından component library oluşturur. components/ klasörü varsa oradan alır, yoksa screens/
Fec Refactor Clean
Identify and clean up front-end dead code, unused exports, outdated components, styles and dependencies under