How to Make Your Agent Better at UI
A skills.sh shortlist for visual direction, React performance, interface audits, and a final craft pass, with a download link for each skill.
Critique
GUIDES / AGENT SKILLS
Better at UI
Direction, performance, audit, polish.
critique.sh
Agent harness · BYOA · Composer 2.5
Install `frontend-design` before the agent writes markup. Add `vercel-react-best-practices` so the page is not a waterfall. Review with `web-design-guidelines`. Use `design-taste-frontend` for landing pages, `ui-ux-pro-max` when you need a pattern lookup, and `impeccable` only as a last pass. Download pages live on skills.sh.
Ask an agent to “make it look better” and you get Inter, a purple gradient, and three identical feature cards. The model is not missing CSS. It is missing a decision about what the page is for.
UI skills work when they split that decision into jobs: pick a direction, implement it, check accessibility and interaction, then polish. One mega-prompt that says “award-winning, minimal, bold, playful” produces the average of every Dribbble shot the model remembers.
What skills.sh actually installs
skills.sh is the public directory for Agent Skills: folders of instructions, and sometimes scripts, that a coding agent can load when the task matches. The package manager is npx skills. The discovery skill is `find-skills` from vercel-labs/skills (3.4M installs).
A skill is not a model upgrade. It is a procedure the agent is supposed to follow: which files to read, which checks to run, which output shape to return, and when to stop. That is why a mediocre prompt plus a good skill often beats a long chat with no procedure.
Direction, then implementation, then audit
- 1Is this a new page with no visual point of view?frontend-design. It forces an aesthetic before components exist. That is the difference between a designed page and a themed scaffold.
- 2Is this a Next.js or React app that already looks acceptable but feels slow?vercel-react-best-practices. Waterfalls, bundle cost, and serialization are UI bugs. Users experience them as “the page is bad.”
- 3Do you need to review existing markup?web-design-guidelines. It is an audit against Vercel’s interface rules, not a moodboard.
- 4Is the surface a marketing page or portfolio?design-taste-frontend. It is scoped to those pages on purpose. Do not use it as a dashboard system.
Six UI skills worth installing
frontend-design from Anthropic is the leaderboard heavyweight for a reason: it bans the default look. Vercel’s two skills then cover the engineering half, performance and interface review. The taste-skill and ui-ux-pro-max listings are popular specialist packs. impeccable is the closer.
| Skill | Use it for | Installs | Download |
|---|---|---|---|
frontend-design | Pick a bold visual direction before writing markup, then implement a cohesive page instead of a template. | 887.9K | Download on skills.sh |
vercel-react-best-practices | Apply Vercel’s ranked React/Next.js performance rules: waterfalls, bundles, server fetch, and re-renders. | 714.3K | Download on skills.sh |
web-design-guidelines | Audit UI files against Vercel’s Web Interface Guidelines for accessibility, UX, and interaction details. | 635.2K | Download on skills.sh |
design-taste-frontend | Give landing pages and portfolios a specific aesthetic, with anti-slop bans and a production preflight. | 480.0K | Download on skills.sh |
ui-ux-pro-max | Look up stack-specific UI patterns, palettes, type pairings, and UX rules instead of inventing a system from scratch. | 357.4K | Download on skills.sh |
impeccable | Run a high-craft final pass after the layout exists: spacing, type, contrast, and the last 10% of polish. | 277.2K | Download on skills.sh |
Open the download page
Each card goes to the skills.sh listing. From there you can copy the install command or inspect the SKILL.md.
anthropics/skills.vercel-labs/agent-skills.vercel-labs/agent-skills.leonxlnx/taste-skill.nextlevelbuilder/ui-ux-pro-max-skill.pbakaus/impeccable.discover
npx skills add https://github.com/vercel-labs/skills --skill find-skills
npx skills find frontend designBrowse the leaderboard, then search by job rather than by brand.
frontend-design
npx skills add https://github.com/anthropics/skills --skill frontend-designhttps://skills.sh/anthropics/skills/frontend-design
vercel-react-best-practices
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practiceshttps://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices
web-design-guidelines
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelineshttps://skills.sh/vercel-labs/agent-skills/web-design-guidelines
design-taste-frontend
npx skills add https://github.com/leonxlnx/taste-skill --skill design-taste-frontendhttps://skills.sh/leonxlnx/taste-skill/design-taste-frontend
ui-ux-pro-max
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-maxhttps://skills.sh/nextlevelbuilder/ui-ux-pro-max-skill/ui-ux-pro-max
impeccable
npx skills add https://github.com/pbakaus/impeccable --skill impeccablehttps://skills.sh/pbakaus/impeccable/impeccable
Two extras when the page is a component API or a landing redesign
`vercel-composition-patterns` (337.0K installs) is the skill to open when the problem is a React component’s public API, not the palette. `redesign-existing-projects` (350.3K) is the taste-skill sibling for an existing product, when you must preserve brand assets instead of inventing a new identity.
Skills improve the author. They do not finish the change.
A UI skill can still ship an inaccessible, slow, or off-brand page. Run the interface audit and the performance skill on the result, not only on the first mock.
If Claude Code, Codex, Cursor, or OpenCode is already the author, keep it. Install the skills above, then run an independent finish pass with the critique sidecar when a unit of work is ready. If you want Critique to be the author, use CritiqueCode: it implements, then the controller forces review and verified repair before promotion. Those are different binaries. Do not mix the jobs.