What is the impeccable-design-polish skill?
The impeccable-design-polish skill is a SKILL.md in nexu-io/open-design for use after a web or HTML artifact exists. It runs six follow-up modes (audit, critique, polish, animate, harden and live), inspects the current page first, removes common AI tells and keeps accessibility intact.
The impeccable-design-polish skill is a follow-up pass for a web or HTML artifact that already exists. Its SKILL.md says to use it to audit, critique, polish, animate, harden and prepare the page for a live or share pass.
It does not restart the project. It inspects the current page, keeps the existing content, brand and scenario, and finishes with the artifact in a better runnable state rather than only a list of critiques.
The skill is inspired by the Impeccable project and ships in the nexu-io/open-design repository, where it declares a web prototype surface for desktop and requires a design system.
The six follow-up modes
- Audit finds the highest impact issues in hierarchy, spacing, color, type, interaction states, responsiveness and accessibility.
- Critique explains what feels generic, overdesigned, underdesigned or inconsistent.
- Polish edits the artifact directly to fix the top issues while keeping the intent of the user.
- Animate adds restrained, useful motion only where it improves feedback or storytelling.
- Harden repairs mobile overflow, text clipping, contrast problems, missing states, broken links and fragile layout assumptions.
- Live prepares the artifact for presentation or sharing, with final visual QA and clear next actions.
AI tells it removes
- Purple-blue glow gradients with no product reason.
- Generic 3-card feature rows.
- Oversized rounded cards everywhere.
- Empty marketing adjectives.
- Inconsistent spacing and type scale.
- Decorative effects that do not support comprehension.
Who the impeccable-design-polish skill is for
Best for
- Pages an AI coding agent has already generated and that now need a designer level pass.
- Pages about to be presented or shared that need final visual QA.
- Layouts with mobile overflow, text clipping, contrast problems or missing states.
Not for
- Starting a design from scratch. The skill is a post-generation pass and should not restart the project.
- Changing brand, content or scenario. Those stay as they are unless you explicitly ask to change them.
- Producing real image or video assets. The SKILL.md points to image and video skills when a page needs more than CSS-only decoration.
How to install Impeccable Design Polish Skill: Six Modes for a Finished Page
od mcp install <agent>Connect OpenDesign to your agent
Run
od mcp install <agent>with your agent name, for exampleod mcp install cursor. The README lists claude, codex, cursor, copilot, opencode and more.Or install from the app
In the OpenDesign desktop or web app, open the Plugin page to browse the marketplace and click Install.
Trigger the skill
Use phrases such as impeccable, design polish, polish page, critique design, animate page, harden ui or live review.
Point it at a page
The example prompt reads: Use impeccable-design-polish on the current HTML artifact: audit visual hierarchy, remove AI tells, tighten copy, add restrained motion, and harden responsive/accessibility issues.
Check that it loaded
Ask for a polish pass on an existing HTML page. Expect the agent to inspect the page first, make a few decisive fixes and hand back a runnable artifact.
Key features
- Audit modeNames the highest impact problems in hierarchy, spacing, color, type, interaction states, responsiveness and accessibility, so the fixes start where they matter most.
- Critique modeExplains what feels generic, overdesigned, underdesigned or inconsistent in the current page.
- Polish modeEdits the artifact directly to fix the top issues while preserving the intent of the user, instead of handing back advice alone.
- Animate modeAdds restrained, useful motion where it improves feedback or storytelling, and keeps reduced-motion fallbacks in place.
- Harden modeRepairs mobile overflow, text clipping, contrast problems, missing states, broken links and fragile layout assumptions.
- Live modePrepares the page for presentation or sharing with a final visual QA pass and clear next actions.
- Inspect before editingThe agent reads the current HTML first and does not guess from the prompt alone, so fixes match what is on the page.
- Few decisive fixesThe rules prefer a handful of strong changes over broad cosmetic churn, and keep the existing content, brand and scenario.
- Accessibility kept intactFocus states, contrast, semantic controls, readable text and reduced-motion fallbacks are preserved through every pass.
Frequently asked questions
What is the impeccable-design-polish skill?
It is a SKILL.md in the nexu-io/open-design repository that works as the post-generation pass for an existing web or HTML design. It audits, critiques, polishes, animates, hardens and prepares the page for a live or share pass without restarting the project.
How do I install impeccable-design-polish?
Run od mcp install followed by your agent name, such as od mcp install cursor, to connect OpenDesign to the AI coding agent you already use. The skill is the SKILL.md in the skills/impeccable-design-polish folder of nexu-io/open-design. You can also open the Plugin page in the OpenDesign app and click Install.
What are the six modes of impeccable-design-polish?
The modes are audit, critique, polish, animate, harden and live. Audit ranks issues, critique explains what feels generic or inconsistent, polish edits the page, animate adds restrained motion, harden fixes overflow and contrast, and live prepares the artifact for sharing with final visual QA.
Which AI tells does impeccable-design-polish remove?
It removes purple-blue glow gradients with no product reason, generic 3-card feature rows, oversized rounded cards everywhere, empty marketing adjectives, inconsistent spacing and type scale, and decorative effects that do not support comprehension. The goal is a page that reads as shipped by a designer.
Does impeccable-design-polish rebuild my page from scratch?
No. The skill is meant to run after the artifact exists. It inspects the current HTML, keeps the existing content, brand and scenario unless you ask to change them, and prefers a few decisive fixes over broad cosmetic churn. It ends with a runnable artifact rather than a critique list.
Does impeccable-design-polish keep accessibility intact?
Yes. Operating rule five tells the agent to preserve focus states, contrast, semantic controls, readable text and reduced-motion fallbacks. Harden mode also repairs contrast problems and missing states, so accessibility checks are part of the polish pass itself.
What should I pair with impeccable-design-polish?
The SKILL.md suggests design-taste-frontend for stronger anti-slop redesign work, motion skills such as GSAP ScrollTrigger for motion-specific polish, and image or video skills when a page needs real visual assets rather than CSS-only decoration.
What license does impeccable-design-polish use?
It is Apache-2.0 licensed. The skill ships in the nexu-io/open-design repository, which GitHub lists under the Apache License 2.0, and it lives at skills/impeccable-design-polish in that repository. Use and redistribution follow the terms of that license.