mcpField
I
impeccable-design-polish

impeccable-design-polish

github.com/nexu-ioDesign & UI104.6k2.6k installsUpdated today
Repository

About impeccable-design-polish

impeccable-design-polish is a skill for refining existing design artifacts, aimed at design and development workflows that need better hierarchy, usability, responsiveness, or accessibility. It inspects the current page first and makes focused changes that preserve intent rather than restarting the work.

Key features

  1. 01Audit hierarchy, spacing, and typography
  2. 02Assess design consistency
  3. 03Edit an existing artifact directly
  4. 04Add restrained, useful motion
  5. 05Fix mobile and accessibility issues
  6. 06Prepare visual QA for sharing

Use cases

  1. 01Inspect a page and identify priority fixes
  2. 02Polish an existing design while preserving its intent
  3. 03Fix mobile overflow, contrast, or missing states
  4. 04Complete visual QA before sharing

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill impeccable-design-polish

After installing, type/impeccable-design-polishin Claude Code to confirm it loaded.

Details

From the project README

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.

Comments

Markdown supported