impeccable-design-polish — скилл для Claude Code: обзор и установка
Доводит готовую веб-страницу до чистого вида: убирает визуальные штампы нейросетей, правит контрастность и чинит мобильную вёрстку.
npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-codeЧто делает impeccable-design-polish
Скилл работает как финальный этап полировки свёрстанного макета или HTML-страницы. Он не генерирует проект с нуля. Сначала агент инспектирует код и находит проблемы в типографике и отступах.
Внутри заложено шесть режимов: аудит, критика, прямая правка, добавление сдержанной анимации, укрепление вёрстки и подготовка к показу. Скилл целенаправленно вычищает штампы нейросетей. Он убирает необоснованные сине-фиолетовые свечения и гигантские скругления углов.
Запускать скилл на пустом проекте бессмысленно: ему строго нужен готовый HTML-артефакт. Для сложной анимации автор рекомендует сочетать его с emilkowalski-motion или библиотекой GSAP.
Какие задачи решает
- убрать шаблонные сине-фиолетовые градиенты и раздутые скругления карточек
- починить переполнение контейнеров и обрезку текста на смартфонах
- проверить контрастность текста и расставить состояния фокуса
- добавить сдержанные анимации для интерактивных элементов
Примеры запросов агенту
- Используй impeccable-design-polish для текущего HTML-файла: проверь иерархию и убери штампы нейросетей
- Запусти impeccable-design-polish в режиме harden, чтобы исправить проблемы с вёрсткой на мобильных экранах
- Сделай live review для свёрстанной страницы через impeccable-design-polish
Как установить impeccable-design-polish
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-code2Вручную: положить файлы
~/.claude/skills/impeccable-design-polish/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/impeccable-design-polish/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a codex2Вручную: положить файлы
.agents/skills/impeccable-design-polish/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a cursor2Вручную: положить файлы
.cursor/skills/impeccable-design-polish/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install nexu-io/open-design impeccable-design-polish2Вручную: положить файлы
.github/skills/impeccable-design-polish/SKILL.md1Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a gemini-cli2Командой платформы
gemini skills install https://github.com/nexu-io/open-design --path skills/impeccable-design-polishВручную: положить файлы
.devin/skills/impeccable-design-polish/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add nexu-io/open-design --skill impeccable-design-polish -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора106
Весь набор →Похожие
Вопросы о impeccable-design-polish
Как установить impeccable-design-polish в Claude Code?
Выполните команду npx skills add nexu-io/open-design --skill impeccable-design-polish -a claude-code. Также файл скилла можно сохранить вручную по пути ~/.claude/skills/impeccable-design-polish/SKILL.md.
Что делает скилл impeccable-design-polish?
Он инспектирует готовый HTML-код, находит визуальные огрехи и редактирует страницу. Скилл убирает типичные для ИИ элементы оформления, выравнивает отступы и устраняет ошибки доступности.
С какими инструментами автор рекомендует сочетать этот скилл?
Для глубокой переработки визуального стиля подходят скиллы design-taste-frontend или gpt-taste. Если странице нужны сложные движения, автор советует добавить emilkowalski-motion или навыки для GSAP.
Исходный текст
SKILL.md · Apache-2.0
---
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.
© nexu-io · Apache-2.0 · nexu-io/open-design