Навыки impeccable
📦

impeccable

Низкий риск ⚙️ Внешние команды📁 Доступ к файловой системе

Создавайте качественные интерфейсы с помощью ИИ

Интерфейсы, сгенерированные ИИ, часто выглядят шаблонно и безлико. Impeccable направляет ИИ через экспертные дизайнерские решения, создавая уникальный фронтенд-код производственного качества.

Поддерживает: Claude Codex Code(CC)
🥉 75 Бронза
1

Скачать ZIP навыка

2

Загрузить в Claude

Перейдите в Settings → Capabilities → Skills → Upload skill

3

Включите и начните использовать

Протестировать

Использование «impeccable». Создать hero-секцию для портфолио креативного агентства с выразительной типографикой и асимметричной компоновкой

Ожидаемый результат:

Адаптивная hero-секция с плавной дисплейной типографикой через clamp(), асимметричная сетка с вариативными отступами, уникальная шрифтовая пара, выбранная по процедуре выбора шрифтов, и чёткая визуальная иерархия, проходящая тест прищура.

Использование «impeccable». Извлечь повторно используемые токены со страницы с несогласованными значениями цветов

Ожидаемый результат:

Согласованная система токенов дизайна с примитивными цветами на основе OKLCH, тонированными нейтральными шкалами, семантическими маппингами цветов для основных и статусных цветов и документированными рекомендациями по использованию каждого токена.

Использование «impeccable». Спроектировать доступную контактную форму с корректной валидацией

Ожидаемый результат:

Форма с видимыми метками, валидацией по blur, описательными сообщениями об ошибках с aria-describedby, корректными кольцами фокуса через focus-visible и подходящими по размеру зонами нажатия для мобильных пользователей.

Аудит безопасности

Низкий риск
v1 • 4/16/2026

All 329 static findings are false positives. The scanner misinterpreted Markdown code fences as shell commands, design terminology as cryptographic patterns, and documentation URLs as network risks. The only real operational risk is a post-update cleanup script that removes deprecated skill files from the filesystem, which is benign and documented to the user before execution. No malicious intent, data exfiltration, or dangerous code execution detected.

11
Просканировано файлов
1,591
Проанализировано строк
3
находки
1
Всего аудитов
Проблемы низкого риска (1)
External command execution via cleanup script
SKILL.md instructs the AI to run a Node.js cleanup script after skill updates. The script deletes deprecated skill directories and updates a lock file. This is a legitimate maintenance operation that runs only once per update, with explicit user notification beforehand. No network access or credential handling involved.

Факторы риска

⚙️ Внешние команды (1)
📁 Доступ к файловой системе (3)
Проверено: claude

Оценка качества

45
Архитектура
100
Сопровождаемость
87
Контент
50
Сообщество
88
Безопасность
100
Соответствие спецификации

Что вы можете построить

Редизайн маркетингового сайта

Основатель стартапа хочет, чтобы его лендинг выделялся среди множества одинаковых SaaS-шаблонов. Impeccable направляет ИИ через смелое эстетическое направление с уникальной типографикой и цветовыми решениями.

Создание системы дизайна с нуля

Разработчику нужно извлечь согласованные токены дизайна, компоненты и паттерны из существующей кодовой базы в повторно используемую систему дизайна. Режим extract выявляет повторно используемые паттерны и формализует их.

Доступный дизайн форм и взаимодействий

Продуктовой команде нужны правильно спроектированные формы, состояния фокуса, паттерны загрузки и навигация с клавиатуры. Impeccable предоставляет справочные материалы по соответствию WCAG, Popover API и дизайну колец фокуса.

Попробуйте эти промпты

Настройка контекста дизайна
Запустите /impeccable teach, чтобы собрать контекст дизайна для моего проекта. Сначала просканируйте кодовую базу, затем задайте мне вопросы, на которые ещё нужны ответы.
Создание функции с нуля
Запустите /impeccable craft страницу тарифов для SaaS-продукта. Целевая аудитория — владельцы малого бизнеса, ценящие ясность и скорость. Тон бренда — уверенный, практичный и без лишних слов.
Извлечение системы дизайна
Запустите /impeccable extract общие токены дизайна и повторно используемые компоненты из моей существующей библиотеки компонентов. Сосредоточьтесь на цветах, отступах, типографике и вариантах кнопок.
Дизайн с конкретными ограничениями
Запустите /impeccable craft панель мониторинга в тёмной теме для инструмента наблюдаемости, используемого SRE-инженерами. Интерфейс должен быть насыщенным информацией, но читаемым, с приглушённой цветовой палитрой и чёткой иерархией визуализации данных.

Лучшие практики

  • Всегда собирайте контекст дизайна у пользователя перед созданием любых дизайн-работ. Проверьте существующие инструкции, затем .impeccable.md, затем запустите поток teach.
  • Придерживайтесь смелого эстетического направления вместо отступления к безопасным шаблонным настройкам по умолчанию. И максимализм, и минимализм работают при осознанном исполнении.
  • Запускайте тест на ИИ-шлак для каждого результата: узнает ли кто-то сразу, что это сгенерировано ИИ? Если да, дизайн нуждается в более уникальных творческих решениях.

Избегать

  • Использование рефлекторных шрифтов, таких как Inter, Fraunces, Space Grotesk и Cormorant, создающих однообразие в проектах, сгенерированных ИИ.
  • Использование по умолчанию тёмных фонов с голубым текстом, градиентов от фиолетового к синему или светящихся акцентов на тёмном фоне — наиболее узнаваемых признаков дизайна от ИИ.
  • Использование акцентных полос border-left на карточках, градиентного текста и глассморфизма в качестве декора, которые явно запрещены как паттерны ИИ-шлака.

Часто задаваемые вопросы

Когда следует использовать Impeccable?
Используйте Impeccable при создании веб-компонентов, страниц, артефактов, постеров или приложений. Он не нужен для серверного кода, обработки данных или невизуальных задач.
В чём разница между режимами craft, teach и extract?
Режим craft создаёт функцию через структурированный процесс дизайна. Режим teach собирает контекст дизайна от вас для проекта. Режим extract извлекает повторно используемые компоненты и токены в систему дизайна.
Работает ли Impeccable с React, Vue или другими фреймворками?
Справочные материалы не зависят от фреймворка и ориентированы на чистые HTML, CSS и JavaScript. Принципы применимы к любому фреймворку, но примеры вывода используют обычные веб-технологии.
Как Impeccable предотвращает создание типовых дизайнов от ИИ?
Он применяет явные запреты на распространённые паттерны дизайна от ИИ, предоставляет процедуру выбора шрифтов, исключающую рефлекторные значения по умолчанию, и включает контроль качества через тест на ИИ-шлак для каждого результата.
Может ли Impeccable помочь с обеспечением доступности?
Да. Он включает справочные материалы по коэффициентам контрастности WCAG, дизайну колец фокуса, доступности форм, поддержке сниженного движения, паттернам навигации с клавиатуры и размерам зон нажатия.
Что происходит при обновлении до новой версии Impeccable?
Одноразовый скрипт очистки запускается для удаления устаревших файлов навыков и записей блокировки. Вы получаете уведомление перед его запуском, и он удаляет только файлы, подтверждённо принадлежащие Impeccable.

Сведения для разработчиков

Автор

pbakaus

Лицензия

Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution.

Ссылка

main