impeccable-design-polish

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.