impeccable-design-polish
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.
- License 许可
- Apache-2.0
- 最近更新
- 2026-07-09
- Stars
- ★ 0
- Forks
- 0
01 前言 Front Matter
- od
- { "mode": "prototype", "craft": { "requires": [ "typography", "color", "anti-ai-slop", "animation-discipline", "accessibility-baseline" ] }, "preview": { "type": "html" }, "surface": "web", "category": "creative-direction", "platform": "desktop", "upstream": "https://github.com/pbakaus/impeccable", "design_system": { "requires": true }, "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." }
- name
- impeccable-design-polish
- triggers
- [ "impeccable", "design polish", "polish page", "anti ai polish", "critique design", "animate page", "harden ui", "live review", "反 AI 味" ]
- 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.
03 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
- Inspect the current HTML/page before editing. Do not guess from the prompt alone.
- Keep the existing content, brand, and scenario unless the user explicitly asks to change them.
- Prefer a few decisive fixes over broad cosmetic churn.
- 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
- Preserve accessibility: focus states, contrast, semantic controls, readable text, and reduced-motion fallbacks.
- Finish with the artifact in a better runnable state, not just a critique list.
Best Pairings
- Pair with
tastefor stronger anti-slop redesign work —tastesets the brief-time dials before generation; this skill is the post-generation rescue when an artifact already needs one. - Pair with
emilkowalski-motionorgsapfor motion-specific polish. - Pair with image/video skills when the artifact needs real visual assets rather than CSS-only decoration.
04 同仓库更多 Skills
web-design-guidelines
Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.
web-clone
网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。
venice-video
Video generation and transcription workflows via the Venice.ai API.
venice-image-generate
Image generation endpoints and available styles via the Venice.ai API.
threejs
Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.
taste
Brief-time anti-AI-slop taste checklist — read the room and set the design dials BEFORE generating a landing page, portfolio, or redesign, so the first draft doesn't need a post-generation rescue. Use at the start of a visual/creative brief, not after the artifact exists.