From the video
3 plugins that make your AI design like a real designer
Before you build any site or app, install these three. 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.
Design skill
Emil Kowalski · MIT
With vibe coding the spacing usually comes out wrong, the design looks generic and the colors are ugly. This skill gives Claude design rules like Apple's, so the AI builds like a real designer.
Install
npx skills@latest add emilkowalski/skills
Or paste this to your agent
Install Emil Kowalski's design skills with this command:
npx skills@latest add emilkowalski/skills
Then use the emil-design-eng and apple-design skills to review my project's UI: spacing, colors and motion. Propose the fixes and apply them.
Playwright CLI
Microsoft · Apache-2.0
It gives Claude Code eyes: it opens the browser, takes screenshots of the page it built, and fixes whatever is broken before you even see it.
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 the home page and take a desktop and a mobile screenshot. Compare them to what you built, fix anything broken or overlapping, then take new screenshots to confirm.
Transitions.dev
Jakub Antalik · MIT (skill)
My favorite. A library of ready UI animations: menus, buttons and much more. Those small motions make your site stand out from 99% of projects.
Install
npx skills add Jakubantalik/transitions.dev
Or paste this to your agent
Install the transitions.dev skill with this command:
npx skills add Jakubantalik/transitions.dev
Then find the menus, buttons and modals in my project's UI and add transitions from the library. Keep the motion light and fast, and respect reduced motion.
The main skill is free. Some transitions in the library are Pro only.
Want more tools?
Every new tool goes to the Telegram channel first, and the whole directory is on the site.