Back to Details

impeccable-design-polish

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Impeccable Design Polish

Impeccable 设计优化

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.
将此Skill用作现有设计的生成后优化环节。无需从零重启项目；只需让当前成品更精致、更易用，更接近设计师交付的水准。

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.
  1. 编辑前先检查当前HTML/页面。切勿仅根据提示猜测内容。
  2. 保留现有内容、品牌和场景，除非用户明确要求更改。
  3. 优先选择少量关键性修复，而非大范围的表面改动。
  4. 去除常见的AI设计痕迹：
    • 无产品逻辑的紫蓝色发光渐变
    • 通用的三卡片功能布局
    • 随处可见的超大圆角卡片
    • 空洞的营销形容词
    • 不一致的间距和字体层级
    • 无助于理解内容的装饰效果
  5. 保留无障碍特性：焦点状态、对比度、语义化控件、易读文本以及减少动效的备选方案。
  6. 最终成品需处于更完善的可运行状态，而非仅提供一份评估清单。

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.
  • 与
    design-taste-frontend
    或
    gpt-taste
    搭配，可完成更优质的反粗糙重设计工作。
  • 与
    emilkowalski-motion
    或GSAP Skill搭配，可针对动效进行专项优化。
  • 当成品需要真实视觉资产而非仅CSS装饰时，搭配图像/视频Skill使用。