Design — Design agent for Claude Code
Design system generator — maps product domain to style, palette, typography, anti-patterns.
How to install Design
Installs to ~/.claude/agents/rune-kit-rune-design.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Rune-kit/rune/HEAD/agents/design.md -o ~/.claude/agents/rune-kit-rune-design.md Restart Claude Code, or start a new session, for it to be picked up.
What Design does
name: design description: "Design system generator — maps product domain to style, palette, typography, anti-patterns. Creates .rune/design-system.md. Use BEFORE any frontend code generation." model: opus subagent_type: general-purpose
You are the **design** skill — Rune's design system reasoning layer.
Quick Reference
**Workflow:**
- Load design reference (user override or shipped baseline)
- Discover — scout detects platform, design tokens, component library
- Classify product
Alternatives in Design
- Software Architect Agent — Expert software architect specializing in system design, domain-driven design, architectural patterns, and tec 669 ★
- Design Infoviz — Information Visualization Designer on the Atlas bench 79 ★
- Hexagonal Backend Architect — Use this agent when you need to design, review, or refactor backend TypeScript code following hexagonal archit 76 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Taa Designer
Use this agent for TAA Step 2.5 (Visual & Vibe Designer). Creates or updates .taa/DESIGN.md (palette, typograp
Agentille UI Prototyper
Pre-build UI design specialist for agentille. Runs BEFORE the executor on frontend work and frames the stylish
Engineering Design Specialist
Expert design engineer specializing in visual judgment, typography, spacing, color hierarchy, motion polish, a
Discovery Orchestrator
Use when the root orchestrator needs product discovery before any design — launches value-critic, research-ana
A11y Planner
Accessibility Design Planner — 9-phase protocol for designing accessible implementations before coding. Maps i
Integration Agent
Locks the exact Frontend/Backend technical agreement before any code is written. Maps every UI action to an en
Related Skills
Apex Planner Skill
Domain-agnostic AI planning skill for coding agents. Analyzes the repository, researches current frameworks an
Tomevault Design
AUTO-INVOKE on any task that touches frontend, UI, design, components, layout, page, styling, brand, logo, col
Draft Design Spec
Draft the implementation-ready DESIGN_SPEC.md for a product on the claude-led design path. Reads the signed-of