design intelligence

Form from intent.

Describe your domain. Claudel reasons through constraints, anti-patterns, and accessibility — then sculpts a complete design system in production-ready code.

claudel think
Try: · · ·
227+ DS refs · 100 domains · 5,335+ tests · 0 deps
live demos

See what Claudel builds.

Four domains. Four complete design systems. Each generated by a single CLI command — with domain-specific reasoning, anti-patterns, and accessibility built in.

MediCare Portal
healthcareWCAG AAAclinical
"Calm and trustworthy clinical interface with HIPAA-safe color coding and anxiety-reducing design patterns."
View demo →
Apex Finance
fintechtrust-firstdata-dense
"Trust-first financial interface with locale-aware color semantics and tabular-nums for data clarity."
View demo →
MAISON
ecommerceconversionminimal
"Conversion-optimized commerce experience with thumb-zone checkout and cognitive anchoring for pricing."
View demo →
Prism Analytics
saas-neutralbrandlessclean
"Brandless utility canvas with instant KPI values, sidebar navigation, and zinc palette for all-day use."
View demo →
how it works

Three steps. Complete design system.

Not just tokens. Claudel reasons about your domain — anti-patterns, accessibility constraints, UX guidelines — then generates production-ready code.

Natural language. Any of 100 domains, 13 stacks, any modifier. The think engine runs a 15-step reasoning pipeline in under 25ms.

describe
multi-stack

13 stacks, one command.

Same component spec, native output. All 13 stacks supported — Next.js, Vue, Svelte, Angular, Flutter, SwiftUI, Compose, React Native, and more.

component
capabilities

Everything in one CLI.

From reasoning to generation to Figma sync. No plugins, no config files, no runtime dependencies.

Think Engine
15 steps · <25ms
Intent parsing, domain resolution, modifier overlay, conflict detection, WCAG enforcement, typography selection, DS reference matching.
Design Ontology
956 edges · 2,337 entries
Typed knowledge graph connecting domains, components, modifiers, and patterns. UX guidelines, cognitive patterns, visual principles.
Domain Intelligence
100 domains · 227 DS refs
From fintech to healthcare to agriculture. Each preset includes industry-specific anti-patterns, color semantics, and UX constraints.
Multi-Stack Gen
689 generators
Same component spec, native output per stack. Next.js gets Radix + CVA, Flutter gets Material 3, SwiftUI gets @State — not wrappers.
Scan + Evolve
10 lint rules · 7 file types
Detect hardcoded colors, spacing, z-index, animations, and more. Scan .css, .scss, .tsx, .vue, .svelte files. Score and suggest consolidations.
Figma Sync
push · pull · bidirectional
Color styles, text styles, effect styles, component instances, Figma Variables — via WebSocket relay.
Claude Code Skill
/project-claudel
Design intelligence as a slash command. Think, generate, scan — directly inside your AI coding workflow. No context switching.
12 Export Formats
CSS · Tailwind · SCSS · JSON · TS
Plus DTCG, Style Dictionary, Android XML, Compose Theme, CSS-in-JS. Same tokens, any target.
Your intent deserves form.

pip install project-claudel

Python 3.9+. Standard library only. Works offline. No API keys. 5,335+ tests passing.

View on GitHub →