Stop Designing in Pixels
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 →Agents Can't Do Design Systems
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 →Playground: When Text Prompting Isn't Enough
Claude Code's playground plugin generates interactive HTML explorers for visual configuration. Four modes for design, data, concepts, and document review. The copy-prompt-back loop as a new interaction pattern.
Read more →Claude Code Plugins: Breaking the AI Slop Aesthetic
How Anthropic's new plugin system and frontend-design skill help Claude Code generate distinctive UI instead of generic AI output.
Read more →AI-Generated UI Mockups in Your Coding Workflow
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 →From Single Model to Specialized Tooling: Adding React Grab to the Stack
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 →Hybrid AI Workflows: Spawning Gemini from Claude Code
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 →Flutter: Animated Gradients via Custom Hooks
Building reusable animated gradients in Flutter using custom hooks for cleaner, more maintainable UI code.
Read more →Radial slider in RaphaëlJS
Building a two-handle circular slider in RaphaëlJS inspired by Apple's iOS Bedtime feature using SVG and vector math.
Read more →