Blog
Field notes on shipping UI with Claude Code. The vocabulary, the prompts, the verification loop. Stop saying "make it better." Pick a pattern.
-
From Vibe Coding to Product Quality
Vocabulary, prompts, the OS, and the skill — together they turn AI tools into product-quality work, not prototypes.
Read → -
Reuse Before Invent
Claude Code reinventing components is the number-one way codebases drift. Here is the CLAUDE.md that stops it.
Read → -
The UI Pattern Picker Skill
Install one Claude Code skill and watch vague requests turn into three named pattern options without you doing anything.
Read → -
Verification Is Not Typecheck
Done means typecheck plus lint plus responsive plus accessibility plus screenshots. Anything less is a prototype.
Read → -
The Eight-Step Operating System
The whole HackerX course in eight steps. Drop it into CLAUDE.md and every UI session changes shape.
Read → -
Claude Code as a Design Partner
Stop using Claude Code as autocomplete. The four-phase workflow turns it into the design partner you never hired.
Read → -
The Master Prompt Anatomy
Twelve steps. Five load-bearing lines. Why the master prompt changes how Claude Code answers everything.
Read → -
Vocabulary Is The 100x
Naming patterns is the unlock. Six vague requests, six named patterns, and a sharper prompt for each.
Read → -
The Three Options Rule
Forcing three design directions beats picking the first thing Claude Code suggests. Here is the template and a real output.
Read → -
Stop Saying Make It Better
Vague requests produce vague UI. Swap make it better for a named pattern and watch Claude Code stop guessing.
Read →