From the video
5 plugins that make Claude a beast at web design
The five plugins from the video, all free. Here is how to install each one, plus a ready prompt to paste to your agent (Claude Code, Cursor or Codex) so it does the rest.
Taste
Leon Lin · MIT
It stops Claude from the generic UI where everything comes out looking the same, and gives it stronger rules for front end design.
Install
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill
Or paste this to your agent
Use the design-taste-frontend skill to redesign the home page of my project. Pick a clear art direction first, avoid the generic AI look (default gradients, same cards everywhere), then build it and check the result in the browser on desktop and mobile.
Needs Node 22+ and Chrome, Edge or Chromium installed.
Impeccable
Paul Bakaus · Apache-2.0
It goes much further: it gives Claude a real design system to work with, plus a live editor, so you can tune everything from the browser.
Install
npx impeccable install
/plugin marketplace add pbakaus/impeccable
Or paste this to your agent
Use Impeccable on my project: run /impeccable critique on the main pages, then fix the biggest issues with polish and audit. After that start /impeccable live so I can pick elements in the browser and steer the design myself.
Playwright CLI
Microsoft · Apache-2.0
Instead of you opening every page to check that everything works and looks right, Claude opens more than one browser and runs a full test of the website.
Install
npm install -g @playwright/cli@latest
playwright-cli install --skills
Or paste this to your agent
Run my project locally, then use playwright-cli to open every page in a desktop and a mobile browser. Click the main buttons and links, take screenshots, and list anything broken, overlapping or off. Fix it, then test again to confirm.
Awesome DESIGN.md
VoltAgent · MIT
It gives Claude the design systems of the biggest companies in the world, like Stripe, Apple and Linear, so it builds in the same style.
Install
npx getdesign@latest add stripe
Or paste this to your agent
Read the DESIGN.md in my project root and rebuild my landing page so it follows it exactly: colors, type, spacing and components. Keep my content, change only the look.
Browse every company on getdesign.md and swap stripe for the one you like.
img2threejs
img2threejs · Apache-2.0
You give it a normal picture and it turns it into an interactive 3D model, all in code, and it will look great on your website.
Install
npx --yes img2threejs@latest install
npx --yes img2threejs@latest doctor
Or paste this to your agent
Use the img2threejs skill to rebuild the object in this image as a procedural Three.js model: <attach the image>. Then add it to the hero of my website as an interactive 3D scene that the visitor can rotate, and keep it light enough for mobile.
Needs Node 18+, Git and Python 3.10+.
Want more tools?
Every new tool goes to the Telegram channel first, and the whole directory is on the site.