Rune-kit

Design — Design agent for Claude Code

Design community

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

Terminal
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:**

  1. Load design reference (user override or shipped baseline)
  2. Discover — scout detects platform, design tokens, component library
  3. 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 Repository