Claude Code writes great code and ugly websites. These five fix the ugly part: taste, rules, a design system, image to code, and a browser so it checks its own work.
Skill files that give your AI actual design taste, pulled from premium reference sites. Stops the generic AI-slop look at the source.
Vercel's official skill. Audits your UI code against 100+ interface rules, accessibility, UX, performance, and flags the weak spots before you ship. The rules themselves live at vercel.com/design/guidelines.
A collection of DESIGN.md files: complete design systems from popular sites written as plain markdown. Colors, typography, spacing, components. Drop one into your project and your AI follows it on every page.
Part of the taste-skill collection. Screenshot any design you like and it walks the agent through recreating it as real, usable code without losing the details.
Microsoft's CLI that gives Claude its own browser. It opens pages, screenshots what it just built, and catches broken output and errors before you ever see them. My personal favorite of the five.
Reels on Instagram, breakdowns on LinkedIn. Plain English, no hype. Come watch the 100-app sprint.
Follow @rahmanbuilds ↗Free tools, honest feedback on your work, and people who answer. Job hunters, builders and learners.