craft is an AI-first, lightweight, flexible design system for building responsive layouts in React and handling prose.
-
Updated
Sep 17, 2026 - TypeScript
craft is an AI-first, lightweight, flexible design system for building responsive layouts in React and handling prose.
Japanese UI design contracts for AI builders. DESIGN.md templates, CSS recipes, and validation rules for Japanese interfaces.
AI-Native UI Engineering, Contract-Driven Design System & Multi-Target Component Architecture (React, PHP Plates, Native HTML, Web Components)
Auto-generate a spec-conformant DESIGN.md from your existing design tokens (theme.json, Tailwind, CSS variables, DTCG). The Claude Code skill that makes your design system AI-readable in one command.
Reference app for the ai-design-system skill, built entirely by AI agents under design-system guardrails: component contracts, use/craft workflows, lint checks.
Proof of concept, no longer maintained: token-driven, machine-readable design system for AI agents. For a maintained alternative see Meta's Astryx (astryx.atmeta.com).
To associate your repository with the ai-design-system topic, visit your repo's landing page and select "manage topics."