Living collection
Review and polish | Design skills for Claude Code and Codex
Design skills for AI agents help shape how an interface looks and works. This collection compares resources for Claude Code, Codex and other agents by task: directing a website's design, building a visual hierarchy or reviewing an interface before publication. Each profile states its documented compatibility; the resources do not all work in the same environments.
UI UX Pro Max provides resources for shaping a visual system; Impeccable focuses on design criteria and polish; and Claude Code /design belongs to the Claude design workflow. The profiles explain what each option contributes and link to reviews covering requirements, examples and limitations.
Choose according to your project's needs: typography, colour, composition, frontend implementation or review. For ready-made website building blocks, also explore the UI component libraries collection. Instructions that guide an agent and libraries that supply components perform different jobs.
9 resourcesOrganized by use
Review and polish
Review and polish
4 resourcesFull profiles and sources
Impeccable
Skill
Design rules and review prompts for agent-built interfaces
Turns frontend design into decisions about hierarchy, color, typography, interaction and finish.
Best for: Reviewing and refining interfaces made with coding agents.
Why it belongs here. Gives an agent concrete design criteria for evaluating an interface instead of asking for vague visual polish.
Its limit. Rules and prompts do not establish that a screen serves its users; review the result in the actual browser and task context.
It gives the agent a sharper checklist for design decisions. The final screen still needs a human look and a real use case.
Compatibility and setupRequirements and agent differences
Setup. The project documents support for several coding agents; verify the current installation route for your agent and version.
Real cost and licenseResource, agent and extra costs
Practical cost. The repository publishes reusable design guidance. Budget time to review changes and check any additional tool or model requirements in the chosen workflow.
Example and alternativeWhen it helps and what else to use
Useful route. Use it to critique hierarchy, consistency and interface details after you have a working screen to inspect.
Sources and reviewWhat is documented and what was tested
Evidence. This entry uses the existing Marketing Ultra review and the project's official source. Author documentation is not described as a hands-on test by Dani.
Resource detailsEditorial profile and links
Emil Design Engineering (Emil Kowalski Skills)
Resource
It provides concrete criteria for agents to decide when to animate, for how long and how to handle microinteractions without adding motion for its own sake.
Why it belongs here. It provides concrete criteria for agents to decide when to animate, for how long and how to handle microinteractions without adding motion for its own sake.
Its limit. It codifies Emil Kowalski’s prescriptive vision, but does not replace an accessibility audit, testing on real devices or the judgment of a senior designer.
Put plainly: it gives your coding assistant a demanding cheat sheet so buttons, menus and transitions respond with more purpose and fewer fireworks.
Compatibility and setupRequirements and agent differences
Compatibility. The README documents installation through npx skills@latest add emilkowalski/skills. The attached evidence does not confirm specific CLI destinations or a local installation for this review.
Real cost and licenseResource, agent and extra costs
Cost. The repository is published as open source under the MIT license and does not document a purchase price. Costs for the coding assistant or infrastructure used fall outside the available evidence.
Example and alternativeWhen it helps and what else to use
Example. Install the package and request a review of a dropdown with an ease-in curve, 400 ms duration and a centered origin, asking for a Before/After table.
Alternative. Ask a senior designer to manually review animations and interaction details in their real-world context.
Sources and reviewWhat is documented and what was tested
Review. Profile reviewed on September 25, 2026 using the repository, official page, README, the SKILL.md pinned to a commit and license information. No local test was run.
Resource detailsEditorial profile and links
Web Design Guidelines de Vercel
Resource
Provides a systematic review of interface code against more than 100 accessibility, performance and UX rules.
Why it belongs here. Provides a systematic review of interface code against more than 100 accessibility, performance and UX rules.
Its limit. It does not create a visual identity or certify legal or WCAG compliance on its own.
Put plainly: it reviews a website’s code and flags details that can make it difficult to use even when it looks finished.
Compatibility and setupRequirements and agent differences
Compatibility. It is distributed through the Skills CLI. The public package page lists agents including Claude Code, Codex and Cursor.
Real cost and licenseResource, agent and extra costs
Cost. It is an open-source resource with an MIT licence declared in the README. The cost of the agent or its subscription is not part of the skill.
Example and alternativeWhen it helps and what else to use
Example. Audit a landing page before launching campaigns and review it against rules involving forms, focus, images, navigation and interaction.
Alternative. Carry out a manual UI review with an accessibility and UX checklist, especially when testing with assistive technology or human interpretation is needed.
Sources and reviewWhat is documented and what was tested
Review. Profile checked on 25 September 2026 against the official README and public package page.
Resource detailsEditorial profile and links
UI Skills de ibelick
Resource
It lets you browse and download design engineering skills through a website, a CLI and an MCP connection.
Why it belongs here. It lets you browse and download design engineering skills through a website, a CLI and an MCP connection.
Its limit. The catalogue brings together resources from different authors, and verified sources do not demonstrate that every skill runs fully in every agent or certify WCAG compliance.
In plain English: it helps find design instructions for agents, but you still need to review the attribution, scope and result of every resource.
Compatibility and setupRequirements and agent differences
Compatibility. The website organises the catalogue by agents, including Claude Code, Cursor, Codex and GitHub Copilot. This does not prove that every skill has been tested end to end in all of them.
Real cost and licenseResource, agent and extra costs
Cost. The repository releases its code under the MIT licence. The assistant, APIs and other external services retain their own terms, and no single price has been verified.
Example and alternativeWhen it helps and what else to use
Example. Browse the catalogue, choose a skill suited to the problem, and check its attribution and scope before applying changes.
Alternative. The verified listing does not identify a direct substitute; the catalogue itself brings together resources from different authors and approaches.
Sources and reviewWhat is documented and what was tested
Review. Reviewed on 27 September 2026 using the repository, its README, the licence and the official website.