Agent Skills to Polish and Review UI Design

Skills that make an agent review and polish an interface: hierarchy, spacing, type, color and the small details.

Give it to your agent

# Design polish: what to use (AgentGid, 2026-10-23)

## Agent Skills (install once)
- npx skills add Leonxlnx/taste-skill --skill design-taste-frontend  # design-taste-frontend: tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a 
- npx skills add fengshao1227/ccg-workflow --skill critique  # critique: Evaluate design from a UX perspective, assessing visual hierarchy, information architectur
- npx skills add fengshao1227/ccg-workflow --skill polish  # polish: Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail iss
- npx skills add Jakubantalik/transitions.dev --skill transitions-polish  # transitions-polish: Polish and refine existing motion against the transitions.dev motion-token scale — duratio
- npx skills add Owl-Listener/designer-skills --skill design-critique  # design-critique: Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. 
- npx skills add plugin87/ux-ui-agent-skills --skill critique  # critique: Adversarial design critique of the current work — render it, look at it, and argue for rej
- npx skills add huytieu/COG-second-brain --skill product-ui-taste  # product-ui-taste: Anti-slop skill for PRODUCT UI - dashboards, data tables, forms, multi-step flows, setting
- npx skills add huytieu/COG-second-brain --skill taste-skill  # taste-skill: Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the
- npx skills add pbakaus/impeccable --skill impeccable  # impeccable: Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, har
- npx skills add ConardLi/garden-skills --skill web-design-engineer  # web-design-engineer: Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/Reac

## Libraries
- npm install lucide-react  # Lucide React, Gid Score 86
- npm install @radix-ui/react-slot  # Radix UI, Gid Score 84
- npm install shadcn  # shadcn/ui, Gid Score 81
- npm install sonner  # Sonner, Gid Score 79
- npm install class-variance-authority  # Class Variance Authority, Gid Score 79

Install commands for the skills, the libraries, and each content source with its license rules. Paste it into AGENTS.md or your first prompt.

Agent Skills

Skill	Pack	What it does and how to install
design-taste-frontend	Leonxlnx/taste-skill 101K stars	tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals researched directions (idea, composition, type, palette, photographs, section blueprints) from a library, enforces a strict… has scripts `npx skills add Leonxlnx/taste-skill --skill design-taste-frontend`
critique	fengshao1227/ccg-workflow 5,941 stars	Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, and actionable feedback. Use when the user asks to review, critique, evaluate, or give feedback on… `npx skills add fengshao1227/ccg-workflow --skill critique`
polish	fengshao1227/ccg-workflow 5,941 stars	Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great. `npx skills add fengshao1227/ccg-workflow --skill polish`
transitions-polish	Jakubantalik/transitions.dev 5,535 stars	Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger offsets, and intent delays). An add-on to the transitions-dev skill,… `npx skills add Jakubantalik/transitions.dev --skill transitions-polish`
design-critique	Owl-Listener/designer-skills 3,035 stars	Facilitate a structured team critique — framing, feedback rules, and actionable outcomes. Use when running a session with people in the room. For a solo expert review, use `heuristic-evaluation` (prototyping-testing). `npx skills add Owl-Listener/designer-skills --skill design-critique`
critique	plugin87/ux-ui-agent-skills 2,853 stars	Adversarial design critique of the current work — render it, look at it, and argue for rejection. Run after the gates are green, never instead of them. `npx skills add plugin87/ux-ui-agent-skills --skill critique`
product-ui-taste	huytieu/COG-second-brain 1,312 stars	Anti-slop skill for PRODUCT UI - dashboards, data tables, forms, multi-step flows, settings, list/detail, app shells. The agent reads the surface, budgets the frame first, and ships dense interfaces that are correct at every edge case (overflow, long labels, empty/error/loading states, i18n… `npx skills add huytieu/COG-second-brain --skill product-ui-taste`
taste-skill	huytieu/COG-second-brain 1,312 stars	Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check. `npx skills add huytieu/COG-second-brain --skill taste-skill`
impeccable	pbakaus/impeccable 85.2K stars	Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX… has scripts `npx skills add pbakaus/impeccable --skill impeccable`
web-design-engineer	ConardLi/garden-skills 13.2K stars	Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance /… `npx skills add ConardLi/garden-skills --skill web-design-engineer`
draft-release-notes	cobusgreyling/loop-engineering 11.6K stars	Turn changelog-scan output into polished, categorized release notes draft. Propose only. `npx skills add cobusgreyling/loop-engineering --skill draft-release-notes`
better-interface	jakubkrehel/skills 8,180 stars	Combines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish. `npx skills add jakubkrehel/skills --skill better-interface`
better-ui	jakubkrehel/skills 8,180 stars	Polishes the surfaces, icons and motion in your project with exact values for border radius, optical alignment, shadows, icon states and animation. `npx skills add jakubkrehel/skills --skill better-ui`
baoyu-design	JimLiu/baoyu-design 4,459 stars	Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams,… has scripts `npx skills add JimLiu/baoyu-design --skill baoyu-design`
make-interfaces-feel-better	jakubkrehel/make-interfaces-feel-better 3,777 stars	Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full… `npx skills add jakubkrehel/make-interfaces-feel-better --skill make-interfaces-feel-better`
html-prototype	plannotator/effective-html 3,733 stars	Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request… `npx skills add plannotator/effective-html --skill html-prototype`
modern	bergside/awesome-design-skills 3,312 stars	Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products. `npx skills add bergside/awesome-design-skills --skill modern`
premium	bergside/awesome-design-skills 3,312 stars	Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. `npx skills add bergside/awesome-design-skills --skill premium`
design-review-process	Owl-Listener/designer-skills 3,035 stars	Establish review gates — criteria, checkpoints, and approval flow. Use when work ships without consistent review. For running one individual session, use `design-critique`. `npx skills add Owl-Listener/designer-skills --skill design-review-process`
appllama-app-design-skill	Appllama/appllama-skills 2,966 stars	Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived… `npx skills add Appllama/appllama-skills --skill appllama-app-design-skill`
design-review	plugin87/ux-ui-agent-skills 2,853 stars	Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critique, quality score, heuristic evaluation, or audit of an existing screen, page, or product before/after build. `npx skills add plugin87/ux-ui-agent-skills --skill design-review`
steve-jobs-design-review	wondelai/skills 2,492 stars	Review designs, products, and features with Steve Jobs' standards: ruthless simplicity, focus, and end-to-end excellence. Use when the user mentions "Steve Jobs review", "design review", "product review", "what would Steve do", "insanely great", "this feels too complicated", "too many features",… `npx skills add wondelai/skills --skill steve-jobs-design-review`
apple-design	dickwu/apple-design-skill 1,853 stars	Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (123 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for distinctive, non-templated work. Use it to audit, review, critique, or improve any mobile app (iOS, Flutter,… `npx skills add dickwu/apple-design-skill --skill apple-design`
openai-frontend-design	fcakyon/claude-codex-settings 1,189 stars	Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific… `npx skills add fcakyon/claude-codex-settings --skill openai-frontend-design`

Names and descriptions come from each skill's SKILL.md. Packs with more GitHub stars first, at most a few skills from one pack.

Libraries projects use for this

Lucide React	Comprehensive icon library with consistent design for React applications. `npm install lucide-react` · Gid Score 86
Radix UI	Unstyled, accessible component primitives for building design systems. `npm install @radix-ui/react-slot` · Gid Score 84
shadcn/ui	Copy-paste React component library built on Radix UI and Tailwind CSS. `npm install shadcn` · Gid Score 81
Sonner	Opinionated toast notification component for React applications. `npm install sonner` · Gid Score 79
Class Variance Authority	Type-safe CSS class composition for component variants and styling. `npm install class-variance-authority` · Gid Score 79

Web design Landing page Dashboard UI Mobile app Design polish Accessibility Web animation Product video Remove AI writing tells