Awesome Design Skills
Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили
- 3 642 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы дают правила и токены оформления, код пишет агент под вашим контролем
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/awesome-design-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы дают правила и токены оформления, код пишет агент под вашим контролем
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Это курируемый реестр дизайн-скиллов для агентных инструментов вроде Claude Code, Cursor и Codex. Каждый скилл это папка с двумя файлами: SKILL.md с инструкциями для агента (токены, правила компонентов, ограничения по доступности, критерии качества) и DESIGN.md с человекочитаемым описанием замысла и заметками по реализации. Стили охватывают разные направления: минимализм, брутализм, бенто, корпоративный, редакционный и десятки других. Любой скилл ставится одной командой pull, после чего агент оформляет интерфейс в выбранной стилистике по единым правилам.
Для кого. Для дизайнеров и фронтенд-разработчиков, кому нужно, чтобы агент оформлял интерфейс в конкретной стилистике по единым правилам.
Подходит, если
- Нужно задать агенту конкретную дизайн-стилистику для интерфейса
- Нужны токены, правила компонентов и критерии качества под выбранный стиль
- Нужно быстро попробовать разные направления оформления
Не подходит, если
- Нужны готовые компоненты кода, а не правила и токены стиля
- У вас уже есть своя дизайн-система с правилами
Пример запроса к агенту
Оформи лендинг в стиле bento по правилам этого дизайн-скиллаОграничения
Скиллы задают правила и токены стиля, но верстку и проверку доступности выполняет агент под вашим контролем. Это набор дизайн-инструкций, а не библиотека компонентов. Выбор подходящего стиля и его соответствие бренду остаются за вами.
Как отключить. Удалите папку установленного дизайн-скилла из каталога скиллов агента.
Частые вопросы
Чем SKILL.md отличается от DESIGN.md?
SKILL.md это инструкции для агента с токенами и правилами, DESIGN.md это человекочитаемое описание замысла и заметки по реализации.
Как поставить один стиль?
Командой npx typeui.sh pull с названием стиля, встанет только выбранный скилл.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл дизайна интерфейсов: арт-дирекция под продукт, общий DESIGN.md, токены, проверка верстки и доступности в браузере.
Скилл для интерфейсов без шаблонного ИИ-вида: типографика, цвет, движение, состояния компонентов и критика готового.
Скилл для агента с базой из 107 стилей, 127 палитр и 107 шрифтовых пар: генерирует дизайн-систему и проверяет код интерфейса
Дизайн-система в виде промптов для Codex, Cursor и Claude Code: каталоги стилей, раскладки, блоки и свои правила интерфейса.
35 скиллов для Cursor, Claude и Codex: дизайн-системы из HTML и макетов, генерация картинок, допрос по плану и передача контекста.
Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ
Коротко о README
README представляет Awesome Design Skills как курируемый реестр дизайн-скиллов для агентных инструментов вроде Claude Code, Cursor и Codex. Каждый скилл идет папкой с SKILL.md для агента и DESIGN.md для человека и покрывает конкретное направление оформления. Любой скилл подтягивается одной командой pull, есть превью стилей на сайте. Набор включает десятки направлений от минимализма до брутализма и бенто. Лицензия MIT.