SuperClaude-Org

Sc Design — Design skill for Claude Code

Design community

Design system architecture, APIs, and component interfaces with comprehensive specifications.

How to install Sc Design

Installs to ~/.claude/skills/superclaude-org-superclaude_plugin-sc-design/SKILL.md

Terminal
mkdir -p ~/.claude/skills/superclaude-org-superclaude_plugin-sc-design && curl -fsSL https://raw.githubusercontent.com/SuperClaude-Org/SuperClaude_Plugin/HEAD/commands/sc-design.md -o ~/.claude/skills/superclaude-org-superclaude_plugin-sc-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Sc Design does

Design system architecture, APIs, and component interfaces with comprehensive specifications.

Alternatives in Design

  • Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
  • Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
  • Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★

Full documentation available on GitHub

View Source Repository

Related Skills

Ctx Design — Design skill for Claude Code

Ctx Design

Design system architecture, APIs, and component interfaces with structured workflow

Design community
API Design Principles — Design skill for Claude Code

API Design Principles

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight

Design community
J Arch — Design skill for Claude Code

J Arch

Architecture consultation — API design, distributed patterns, and system design. Use when designing APIs, choo

Design community
Design Handoff — Design skill for Claude Code

Design Handoff

Generate a developer handoff document from a Figma file — spacing specs, token maps, component APIs, and produ

Design community
Rogue UI UX Design Skill — Design skill for Claude Code

Rogue UI UX Design Skill

Expert UI/UX design for product interfaces: user flows, information architecture, wireframes, interaction patt

Design community
Arch Design — Design skill for Claude Code

Arch Design

Design system architecture for a new project or feature. Delegates to the architect agent to produce component

Design community

Related Agents

Component Implementer — Design agent for Claude Code

Component Implementer

Writes React/TSX components from design specifications. Consumes component architecture, style system output,

Design community
Senior Fullstack Engineer — DevOps & Infrastructure agent for Claude Code

Senior Fullstack Engineer

Use this agent when the user needs production-grade software engineering work across the full stack — backend

DevOps & Infrastructure community
Shadcn UI Builder — Design agent for Claude Code

Shadcn UI Builder

Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design

Design community