ryanthedev/design-for-ai
131 stars · Last commit 2026-03-09
A Claude Code plugin that teaches visual design — typography, color, composition, proportions, and visual hierarchy
README preview
# design-for-ai A Claude Code plugin that teaches visual design. Based on principles from *Design for Hackers* by David Kadavy. Most AI-generated interfaces look the same: safe colors, uniform spacing, no visual anchor. This plugin gives Claude the vocabulary and checklists to do better — proportional systems, type scales, color theory, composition rules that working designers actually use. ## What it does Two modes. **CHECKER** audits an existing design against seven categories. **APPLIER** walks through a phased build from wireframe to final polish. ### Checking a design ``` /design-for-ai review this landing page ``` Runs through purpose, typography, proportions, composition, visual hierarchy, color, and SEO. Stops at the first failure and investigates before moving on. ### Building a design