A-TIER technique
Claude website design stack — Kowalski, Impeccable and taste skills plus MCP
100k ft — What is this?
Claude website design stack — Kowalski, Impeccable and taste skills plus MCP
50k ft — Why care?
Install the Emil Kowalski design and Impeccable skills for layout, type and motion, add a taste skill that pulls inspiration from real sites, then connect Figma MCP and Playwright so Claude can design, build and visually test websites.
10k ft — Key takeaways
• Design skills give Claude better defaults for spacing, type and animation
• Playwright closes the loop so the agent checks its own render
5k ft — Tools & techniques
Claude, Claude Code, Figma, Impeccable, Playwright
MCP, MCP server, agent skills, visual testing
1k ft — Deep-dive / try it
Comment 'DIE' and I’ll send it over.
Transcript excerpt
Claude just killed web designers. Here's how to build the same websites, if not better. First, install the Emile Kowalski design and impeccable design skills. They teach Claude modern layouts, typography, spacing, and animations. Next, add the taste skill, so Claude can pull inspiration from real websites instead of making generic designs. Then connect Claude to tools like Figma MCP and Playwright so it can design, build, and test the website automatically. Now, you just describe the website you want. Claude will generate a professional-looking site in minutes, so just comment die, and I'll send you the full setup.
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 Claude design stack — Emil Kowalski, Impeccable, taste skills plus Figma MCP