Design specs split into human and machine dialects

What it does

This repository catalogs 67 self-contained design system “skills” built for AI-powered coding agents. Each skill is a folder pairing a SKILL.md — machine instructions covering tokens, components, accessibility rules, and quality gates — with a DESIGN.md that captures intent and rationale for human maintainers. The goal is to give tools like Claude Code, Cursor, and Codex a concrete visual specification instead of letting them hallucinate a style from scratch.

The interesting bit

The project treats design documentation as a bilingual contract. SKILL.md speaks to the machine in literal do/don’t rules and testable acceptance criteria, while DESIGN.md preserves the “why” for the humans who must maintain the output. It is essentially an admission that AI agents need stricter, more explicit specs than people do.

Key highlights

• 67 distinct styles ranging from corporate and dashboard to brutalism, glassmorphism, and doodle
• Each skill includes WCAG 2.2 AA accessibility constraints and testable quality gates
• Covers brand philosophy, component families, typography scales, spacing systems, and writing tone
• Skills are previewable live on TypeUI and consumable through its companion CLI
• Explicit anti-patterns and acceptance criteria formatted for LLM consumption

Verdict

Worth bookmarking if you are using agentic tools to build UI and tired of repeating “use a clean, modern design” in every prompt. Skip it if your team already has a mature, documented design system that both humans and LLMs reliably follow.