impeccable-design-polish

nexu-io/open-design · Agent Skill

透過審核、批評、潤飾、動畫化和準備發布，增強現有的網頁或 HTML 構件設計。

前往安裝 ↓

安裝選項

預設為含檢閱步驟的提示。您可以切換到直接指令。

透過 Claude 或 Codex 安裝

複製提示，貼入 Claude、Codex 或其他助手，它會檢視技能頁面並安裝。

I'd like to install this Claude Code skill:
https://github.com/nexu-io/open-design/tree/main/skills/impeccable-design-polish

Please review the SKILL.md file, verify the skill is legitimate, then copy the skill folder into .claude/skills/ of my project.

技能檔案

1 個檔案 下載 ZIP

安裝前請先檢視 SKILL.md 與相關檔案。點擊檔案即可預覽。

SKILL.md 內容

作者原文 · 唯讀

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.