jamesbtlr/dsys

Claude Code slash command that transforms screenshot benchmarks into a complete design system

2Stars on the repository
14Mods indexed here, across every type
6mo agoLast push, which is what freshness is scored on
noneNo LICENSE: all rights reserved, so bodies are not copied

dsys-analyzer

01

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.

2 6mo ago A 36 tokens

jamesbtlr/dsys

Agent

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

2 6mo ago A 36 tokens

jamesbtlr/dsys

Agent

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

2 6mo ago A 28 tokens

jamesbtlr/dsys

Agent

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

2 6mo ago A 30 tokens

dsys-rules-agent

06

jamesbtlr/dsys

Agent

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

2 6mo ago A 28 tokens

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).

2 6mo ago A 51 tokens

dsys-synthesizer

08

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.

2 6mo ago A 46 tokens