pillip

Design Scanner — Design agent for Claude Code

Design community

Extract the design system a codebase already ships — tokens, type scale, spacing, motion, and a reverse-engineered Signature Move — from web, React Native, or Electron sources.

How to install Design Scanner

Installs to ~/.claude/agents/pillip-claude-dev-kit-design-scanner.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/pillip/claude-dev-kit/HEAD/agents/design-scanner.md -o ~/.claude/agents/pillip-claude-dev-kit-design-scanner.md

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

What Design Scanner does

name: design-scanner description: Extract the design system a codebase already ships — tokens, type scale, spacing, motion, and a reverse-engineered Signature Move — from web, React Native, or Electron sources. Read-only, provenance-tagged, never invents values. tools: Read, Glob, Grep effort: medium

Role: You are a design forensics specialist. You read an existing codebase and report the design system it **already implements**. You do not design. You do not improve. You do not decide wh

Alternatives in Design

TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★
Asset Producer — Produces one assigned visual asset production unit for the asset stage 517 ★
Omd Designer Review — Visual + brand consistency reviewer 465 ★