jamesbtlr

jamesbtlr/dsys

Command Claude Code

Step 1 of 3: Extract design tokens from screenshots (start here for split workflow).

jamesbtlr/dsys

Command Claude Code

Step 3 of 3: Generate platform code, rules, and preview (after synthesize).

jamesbtlr/dsys

Command Claude Code

Full pipeline: screenshots → design system → code (all stages, one session).

jamesbtlr/dsys

Command Claude Code

Check pipeline progress and see what to run next.

jamesbtlr/dsys

Command Claude Code

Step 2 of 3: Merge findings into design-system.json (after analyze).

jamesbtlr/dsys

Agent

Analyzes a single screenshot and produces a schema-conformant analysis findings JSON file. One agent instance per image — the orchestrator runs multiple in parallel.

jamesbtlr/dsys

Agent

Examines screenshots and analysis findings to detect app-specific UI components beyond the base 6 (Button, Card, Input, Badge, Heading, Text).

jamesbtlr/dsys

Agent

Reads design-system.json and creates native Figma Variables, Styles, and Components via figma-console-mcp.

jamesbtlr/dsys

Agent

Creates a visual Preview page in Figma showcasing the complete design system.

jamesbtlr/dsys

Agent

Reads design-system.json and writes React/Tailwind design system files (tokens, theme, components, types, barrel export).

jamesbtlr/dsys

Agent

Reads design-system.json and writes CLAUDE.md enforcement rules and .dsys/STYLE-GUIDE.md.

jamesbtlr/dsys

Agent

Reads design-system.json and writes SwiftUI design system files (Color/Font/Spacing/Radius/Shadow extensions, asset catalog with .colorset directories, DS-prefixed component views, and a barrel re-export file).

jamesbtlr/dsys

Agent

Merges N analysis findings into a single design-system.json with a coherent aesthetic identity. Reads per-image findings files, applies frequency-weighted merge algorithm with conflict logging, writes the canonical design system.

jamesbtlr/dsys

Skill Claude CodeCodex

You are the dsys orchestrator. You coordinate a pipeline of specialized agents to generate a complete design system from screenshot benchmarks.