StyleSeed — скилл

Набор скиллов, который фиксирует дизайн-решения проекта в правилах и проверяет интерфейс по баллам и скриншотам

  • 992 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Расширенный доступ

Почему такой уровень

  • Скиллы запускают Node.js-скрипты и правят файлы интерфейса в проекте
Все причины и проверки

bitjaru/styleseed

Установка

Ручная установка

npx skills add bitjaru/styleseed

Ставит 23 основных скилла. Затем /ss-setup в Claude Code или $ss-setup в Codex.

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Скиллы запускают Node.js-скрипты и правят файлы интерфейса в проекте

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

StyleSeed превращает принятые дизайн-решения в локальные правила проекта: цвет акцента, радиусы, шрифт и движение записываются в STYLESEED.md и перечитываются при каждой визуальной задаче. Набор включает маршрутизатор styleseed и 22 скилла ss-* для настройки, сборки экрана, аудита, оценки кода, проверки отрисовки, работы с референсами и генерации палитр. Скилл ss-resolve собирает из общих правил компактный пакет только под текущую задачу, ss-score выставляет оценку от 0 до 100 и отправляет экран на доработку ниже порога. В комплекте скрипты на Node.js для генерации палитр и проверок.

Для кого. Для фронтенд-разработчиков и дизайнеров, которые собирают интерфейс с агентом и хотят единообразия между экранами.

Подходит, если

  • Интерфейс от агента выглядит шаблонно и каждый экран расходится со стилем
  • Нужно закрепить выбранные цвета, шрифты и радиусы на весь проект
  • Нужно проверить готовый экран по правилам и скриншоту перед показом

Не подходит, если

  • У команды уже есть строгая дизайн-система с собственными проверками
  • Проект не на веб-стеке и скрипты на Node.js запускать негде

Пример запроса к агенту

Настрой StyleSeed для проекта и собери страницу настроек оплаты с проверкой по баллам

Ограничения

Правила по умолчанию рассчитаны на React, Tailwind и shadcn/ui, для других стеков часть проверок неприменима. Оценка из скилла не заменяет приемку дизайнером, авторы прямо это оговаривают. Полный набор правил большой, поэтому без ss-resolve агент тратит много контекста.

Как отключить. Удалите папки styleseed и ss-* из каталога скиллов агента и файл STYLESEED.md с папкой .styleseed из проекта.

Частые вопросы

Чем ss-studio отличается от ss-build?

ss-studio предлагает несколько творческих направлений и ждет выбора человека, ss-build реализует экран по уже принятому направлению.

Можно ли без установки?

Можно дать агенту llms.txt проекта, но тогда компиляция правил и проверки не запускаются.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Реестр устанавливаемых дизайн-скиллов: готовые файлы SKILL.md и DESIGN.md с токенами, правилами компонентов и доступностью под разные стили

СкиллМинимальный доступ3,4 тыс.Звезды репозитория

Скилл с базой стилей, палитр, шрифтовых пар и UX-правил, который генерирует дизайн-систему под тип продукта

СкиллРасширенный доступ142,5 тыс.Звезды репозитория24Установок за 30 дней

Скилл и CLI, которые снимают с публичного сайта цвета, шрифты, отступы, скругления и тени и сохраняют их как токены JSON и CSS

СкиллРасширенный доступ263Звезды репозитория

MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента

MCP-серверРасширенный доступ545Звезды репозитория

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

СкиллМинимальный доступ105 тыс.Звезды репозитория56Установок за 30 дней

Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций

СкиллМинимальный доступ10,4 тыс.Звезды репозитория

Коротко о README

README предлагает установить набор через npx skills и вставить агенту стартовое сообщение для настройки. Описаны правила, которые ловят типичные приметы сгенерированного интерфейса, цикл отрисовки, оценки и доработки, а также бенчмарк на отрисованных экранах. Перечислены грамматики вывода, рецепты бренда, палитры и скины. Есть отдельные руководства для Claude Code и Codex. Лицензия MIT.

Бейдж для README

Исходный SKILL.md

---
name: styleseed
description: Route a StyleSeed request to exactly one first workflow after resolving the current artifact boundary. Use when the user asks generally for StyleSeed help rather than invoking one specific ss-* skill.
argument-hint: "[request or goal]"
allowed-tools: Read, Grep, Glob, Bash
---

# StyleSeed router
## Registry-first artifact boundary

When `.styleseed/project.json` and `.styleseed/artifacts/index.json` exist, resolve the requested artifact ID first, then read only `.styleseed/bundles/<artifact-id>.md` and `.styleseed/manifests/<artifact-id>.json`. Never fall back to the global legacy bundle for a registry project. Legacy projects may use `.styleseed/effective-rules.md` only when no registry exists.

This router chooses exactly one first workflow. It is the primary entry skill when a user asks for
StyleSeed help in general terms.

## First principles

- Help coding agents repeat expert design decisions, not replace expert authority with presets.
  Preserve approved project choices; identify unsupported or unresolved choices before routing
  to work that would change them. A score is not human acceptance.
- Resolve the current artifact first when `.styleseed/project.json` and `.styleseed/artifacts/index.json`
  exist.
- Never fan out to “run every StyleSeed skill.”
- Never copy the full design handbook into this router. Route to the maintained skill that already
  owns the workflow.
- Learning is an optional extension, not part of the core install. Only after an explicit capture
  request such as “remember this lesson” may the router check whether `ss-learn` is separately
  installed. If absent, state the dependency precisely; never auto-install it.
- If the request is ambiguous, ask one bounded clarification question that decides the first workflow.

## One-workflow routing table

Choose exactly one first workflow:

- `ss-setup` for first-time method setup, missing lock/setup, or “set up StyleSeed for this project.”
- `ss-build` for implementing or redesigning a concrete screen/component/page when the direction is already known.
- `ss-reference` for compiling supplied references that are not already represented by a maintained grammar.
- `ss-studio` for creative direction, exploration, concept generation, or multi-direction concept work.
- `ss-audit` for critique, heuristic review, UX issue finding, or “what is wrong with this screen.”

Сообщить о проблеме

Foxx AIStyleSeed
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.