impeccable-design-polish — Claude Code skill: setup and features
Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility.
npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-codeWhat impeccable-design-polish does
This skill acts as a finishing pass for an existing HTML artifact. It does not rebuild layouts from scratch. Instead, the agent inspects the markup to catch hierarchy issues and uneven spacing.
Work happens across six modes: audit, critique, polish, animate, harden, and live review. The skill targets typical AI tells. It strips out purposeless purple-blue glow gradients and oversized card radiuses.
Running this skill on an empty workspace is pointless because it requires an existing HTML file to inspect. For complex motion work, the author suggests pairing it with emilkowalski-motion or GSAP skills.
What it helps with
- remove artificial purple-blue gradients and oversized rounded cards
- fix mobile layout overflow and clipped text
- ensure proper color contrast and keyboard focus states
- introduce restrained interface motion without layout shifts
Example prompts for the agent
- Use impeccable-design-polish on the current HTML artifact to tighten hierarchy and remove AI tells
- Run impeccable-design-polish in harden mode to resolve mobile overflow issues
- Review this landing page with impeccable-design-polish before sharing it live
How to install impeccable-design-polish
1Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-code2Manually: put the files in place
~/.claude/skills/impeccable-design-polish/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/impeccable-design-polish/
1Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a codex2Manually: put the files in place
.agents/skills/impeccable-design-polish/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a cursor2Manually: put the files in place
.cursor/skills/impeccable-design-polish/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design impeccable-design-polish2Manually: put the files in place
.github/skills/impeccable-design-polish/SKILL.md1Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a gemini-cli2Platform CLI
gemini skills install https://github.com/nexu-io/open-design --path skills/impeccable-design-polishManually: put the files in place
.devin/skills/impeccable-design-polish/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set106
The whole set →Similar
Questions about impeccable-design-polish
How do I install impeccable-design-polish in Claude Code?
Run npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-code in your terminal. You can also place the file directly at ~/.claude/skills/impeccable-design-polish/SKILL.md.
What does impeccable-design-polish do?
It audits and polishes existing HTML code instead of generating pages from scratch. The skill removes visual AI clichés, fixes responsive layout bugs, and tunes typography.
Which complementary skills work well with it?
The repository recommends pairing it with design-taste-frontend or gpt-taste for taste audits. For advanced web animations, it pairs with emilkowalski-motion or GSAP skills.
Source text
SKILL.md · Apache-2.0
---
name: impeccable-design-polish
description: |
Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.
triggers:
- "impeccable"
- "design polish"
- "polish page"
- "anti ai polish"
- "critique design"
- "animate page"
- "harden ui"
- "live review"
- "反 AI 味"
od:
mode: prototype
surface: web
platform: desktop
category: creative-direction
upstream: "https://github.com/pbakaus/impeccable"
preview:
type: html
design_system:
requires: true
craft:
requires:
- typography
- color
- anti-ai-slop
- animation-discipline
- accessibility-baseline
example_prompt: |
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.
---
# Impeccable Design Polish
Use this skill as the post-generation pass for an existing design. It should not restart the project from scratch; it should make the current artifact sharper, more usable, and closer to something a designer would ship.
## Follow-Up Modes
- **Audit**: identify the highest-impact issues in hierarchy, spacing, color, type, interaction states, responsiveness, and accessibility.
- **Critique**: explain what feels generic, overdesigned, underdesigned, or inconsistent.
- **Polish**: directly edit the artifact to improve the top issues while preserving the user's intent.
- **Animate**: add restrained, useful motion only where it improves feedback or storytelling.
- **Harden**: repair mobile overflow, text clipping, contrast problems, missing states, broken links, and fragile layout assumptions.
- **Live**: prepare the artifact for presentation or sharing, including final visual QA and clear next actions.
## Operating Rules
1. Inspect the current HTML/page before editing. Do not guess from the prompt alone.
2. Keep the existing content, brand, and scenario unless the user explicitly asks to change them.
3. Prefer a few decisive fixes over broad cosmetic churn.
4. Remove common AI tells:
- 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
5. Preserve accessibility: focus states, contrast, semantic controls, readable text, and reduced-motion fallbacks.
6. Finish with the artifact in a better runnable state, not just a critique list.
## Best Pairings
- Pair with `design-taste-frontend` or `gpt-taste` for stronger anti-slop redesign work.
- Pair with `emilkowalski-motion` or GSAP skills for motion-specific polish.
- Pair with image/video skills when the artifact needs real visual assets rather than CSS-only decoration.
© nexu-io · Apache-2.0 · nexu-io/open-design