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 Epic Infographics ESLint Experiential FFmpeg fire-your-seo-agency Fire Your SEO Agency Gemini Gmail Goldie Google Calendar headcount Highball iMessage Jot Lemmalog LM Studio MemoraX Code Microduck Model Context Protocol (MCP) modelprint Ollama OpenAI Codex OpenInstinct Open Pstack Open Steps OpenTIE pgbot pgterm PostgreSQL Praxist Prettier Project SuperDex React Redis Refactoring UI (Claude Code skill) Rust sepia SnagTime SQLite Steam tare Tauri TSRX Vercel AI Gateway Vercel Blob Vite WebRTC whip Wine WolfCut
Examples
- refactoring-ui-skill: applies fixed design scales and a starter CSS token set to interface work.