Dig UI Skill
Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.
- 230 ★ репозитория
- Последний коммит
- Apache-2.0
Расширенный доступ
Почему такой уровень
- Установка через npx выполняет код пакета, а скилл меняет файлы интерфейса проекта.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/dig-ui-skillОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Установка через npx выполняет код пакета, а скилл меняет файлы интерфейса проекта.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Dig UI Skill снабжает агента материалами для однотипных интерфейсов: каталоги стилей и палитр, рецепты раскладок, контракты блоков, воркфлоу и предпросмотры страниц. Готовой библиотеки компонентов в нем нет, все задается инструкциями, которые агент читает перед работой. Установка идет командой `npx dig-ui-skill install` для Codex, Cursor или Claude Code, есть режим `--all` и проверка `npx dig-ui-skill status`. В запросе называют раскладку и каталог, например `dashboard-overview`, а перед сдачей агент прогоняет проверку preflight. Стили Monochrome, Hologram и Cyberpunk включаются фразой «Use Monochrome Style». Отдельно есть лаборатория эффектов на шейдерах (градиенты, точечные сетки, шум, ореолы) с предпросмотром командой `npx dig-ui-skill effect preview` и раздел личных правил, где агент запоминает ваши решения по интерфейсу.
Для кого. Фронтендерам и дизайнерам-инженерам, которые делают интерфейсы через Codex, Cursor или Claude Code и хотят единый визуальный язык между сессиями.
Подходит, если
- Агент каждый раз рисует интерфейс по-разному, и нужна общая основа стиля.
- Панель управления собирается по готовому рецепту раскладки, например дашборд с обзором.
- К странице нужны шейдерные фоны и эффекты с предпросмотром перед экспортом.
- Свои решения по кнопкам, формам и цветам агент должен помнить в следующих сессиях.
Не подходит, если
- Нужна обычная библиотека React-компонентов: скилл их не поставляет.
- Проект уже живет на устоявшейся дизайн-системе, которую нельзя менять.
- Агент работает без поддержки скиллов Codex, Cursor и Claude Code.
Пример запроса к агенту
Use Dig UI. Начни с references/dig-read.md, возьми раскладку dashboard-overview, примени каталог dig и прогони preflight перед сдачей.Ограничения
Большая часть материалов лежит в китайской и английской версиях, язык установки выбирается ключом `--lang en` или `--lang zh-CN`. Каталоги описывают вкус и структуру, а не готовый код, поэтому качество интерфейса зависит от модели и запроса. Эффекты на шейдерах подтягивают сторонние ресурсы со своими лицензиями, их уведомления лежат в `assets/effects/`. Установка через npx выполняет код пакета на вашей машине, перед запуском стоит открыть `INSTALL.md`. Лицензия Apache-2.0, последний коммит сделан в октябре 2026.
Как отключить. Удалите установленный скилл `dig-ui-skill` из каталога скиллов выбранного инструмента (например `~/.claude/skills/`) и перезапустите агента. Статус установки показывает `npx dig-ui-skill status`.
Частые вопросы
Как поставить Dig UI Skill в Claude Code?
Выполните `npx dig-ui-skill install claude-code`. Для Codex и Cursor замените последнее слово на `codex` или `cursor`, для всех сразу добавьте `--all`.
Как включить конкретный стиль?
Назовите его в запросе: «Use Monochrome Style», «Use Hologram Style» или «Use Cyberpunk Style».
Как посмотреть шейдерные эффекты?
Выполните `npx dig-ui-skill effect preview flowing-ribbon --output ./effect-lab.html` и откройте файл через локальный сервер.
Что входит в скилл?
Каталоги стилей и палитр, рецепты раскладок, контракты блоков, воркфлоу, предпросмотры страниц, шейдерные эффекты и раздел личных правил.
Можно ли выбрать язык установки?
Да, ключом `--lang en` или `--lang zh-CN` в команде `npx dig-ui-skill install`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыРеестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
Скилл Ludi Design System учит агента выбирать компоненты и собирать страницы B2B-интерфейсов по правилам с шаблонами TSX
Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Скилл запрещает агенту типовой интерфейс с плавающими карточками, градиентами и стеклом и задает обычные размеры, радиусы и тени как у Linear
Десять скиллов по UX и дизайну для Claude Code, Cursor и Codex: исследования, критика, доступность, дизайн-системы, UX-тексты
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Dig UI Skill (эта карточка) | нет | 230 | |
| design-taste | нет | 95 | design-taste задает вкус одним скиллом, Dig UI добавляет каталоги, раскладки, блоки и установщик для трех инструментов. |
| Impeccable | нет | 108 873 | Impeccable проводит ревью и полировку интерфейса, Dig UI поставляет материалы для генерации с нуля. |
Коротко о README
Репозиторий дизайн-системы для ИИ-агентов с 89 каталогами, 20 раскладками, блоками и воркфлоу. Ставится командой npx, есть шейдерные эффекты и личные правила.