Design-system rulebook for coding agents
Turn interface-design guidance into coding-agent rules covering spacing, type, color, shadows, radius, hierarchy, contrast, dark mode, and accessibility.
From Github Awesome — GitHub Trending Today #47: 4DAnyone, microduck, boop, PRAXIST, acryl, pgterm, sepia, OpenInstinct at 04:51
Problem: Provides consistent design decisions and review checks instead of relying on an agent's unconstrained visual judgment.
For: Developers using coding agents to build or repair user interfaces.
Products from this video
4DAnyone ACRYL Anti-Mage ask Boop Breakscale Bun Claude Code Confetti Control Center create-photo-flipbook-ui Drizzle ORM effect-mq Epic Infographics ESLint Experiential FFmpeg Fire Your SEO Agency Gemini Gmail Goldie Google Calendar headcount Highball iMessage Jot Lemmalog MemoraX Code Microduck Model Context Protocol (MCP) modelprint Ollama OpenAI Codex OpenInstinct Open Pstack Open Steps OpenTIE pgbot PostgreSQL Praxist Prettier Project SuperDex React Redis Refactoring UI (Claude Code skill) Rust sepia SnagTime SQLite Tauri TSRX Vercel AI Gateway Vite whip Wine WolfCut
Examples
- refactoring-ui-skill: applies fixed design scales and a starter CSS token set to interface work.