A-TIER technique
Claude design stack — Emil Kowalski, Impeccable, taste skills plus Figma MCP
100k ft — What is this?
Claude design stack — Emil Kowalski, Impeccable, taste skills plus Figma MCP
50k ft — Why care?
Setup for professional-looking Claude-built sites: install the Emil Kowalski design and Impeccable skills for typography, spacing, layout and motion rules, add a taste skill that references great sites, then connect Figma MCP and Playwright so Claude can design, build, screenshot and test its own output.
10k ft — Key takeaways
• Design-rule skills fix the generic AI look
• Figma MCP links design and build in one loop
• Give Claude Playwright so it can screenshot and check its work
5k ft — Tools & techniques
Claude, Figma, Figma MCP, Impeccable, Playwright
MCP, agent skills, visual self-testing
1k ft — Deep-dive / try it
Comment 'DIE' and I'll send it over.
Transcript excerpt
So, Claude just killed web designers because it can now build websites that actually look professionally designed. Here's how. First, add the Emil Kowalski design and impeccable skills to Claude. These give it rules for things like typography, spacing, layouts, and animations. Then add the taste skill so it can reference great websites instead of giving you that generic AI look. Finally, connect Figma MCP and Playwright so that Claude can actually design, build, and test and screenshot what it creates. Now you can describe the website you want in plain English and then just let it handle the rest. Comment, die, and I'll send you the full setup.
Appears in
More from @nateherkai
- A-TIER Claude Opus 5.5 to Blender — 3D animation built entirely as code
- A-TIER Claudex skill — Claude and GPT-6 Astra cross-audit plan and build
- B-TIER Google game Playground — why a harness that can't see its output fails
- A-TIER Claude trading watcher — LiquidTrade + QuiverQuant for insider-trade alerts
- A-TIER MapQuest MCP for Claude — location-aware agents that route your day