X is flooded with Fable 5 one-shotting landing pages, and design leaderboards briefly crowned it king. So I handed it this blog. The interesting part wasn't what it generated: it was that it read the site's own design doc and found the site guilty of violating it. What the viral demos get right, what they hide, and why the model's most useful design skill is enforcement, not inspiration.
Read more →Anthropic released claude.ai/design. I pointed it at this blog, fed the export back into Claude Code, and watched the thing redesign itself. The handoff was better than most I've gotten from humans.
Read more →The bottleneck isn't AI capability - it's that developers lack design vocabulary. Impeccable bridges the gap, and the Tessl benchmarks prove it: 1.59x improvement over baseline.
Read more →Tokens are nouns. Patterns are verbs. The missing layer is grammar: a shared vocabulary that spans Figma, web, and native without breaking when someone ships a 'small' change.
Read more →AI agents excel at code generation but struggle with visual consistency. Pencil.dev shows a better pattern: give agents tools, keep humans in the design loop.
Read more →Claude Code's playground plugin generates interactive HTML explorers for visual configuration. Six modes for design, data, concepts, code review, architecture, and document review. The copy-prompt-back loop as a new interaction pattern.
Read more →277,000 installs later, Claude Code's plugin system is becoming the app store for AI development. The frontend-design skill was just the opening move.
Read more →Design systems from mockup to code in a single Claude Code session. Use Gemini 3 Pro to generate UI concepts, then implement them directly.
Read more →My AI workflow evolved from 'Claude does everything' to specialized tools for each task. React Grab fills the UI extraction gap I didn't know I had.
Read more →Claude Code for development, Gemini 3 Pro for visual analysis, research, and deep thinking. A slash command that routes tasks to the right model.
Read more →Building reusable animated gradients in Flutter using custom hooks for cleaner, more maintainable UI code.
Read more →Building a two-handle circular slider in RaphaëlJS inspired by Apple's iOS Bedtime feature using SVG and vector math.
Read more →