Builder Methods Skills — плагин
Четыре скилла Builder Methods: PRD с промптами по этапам, конструктор скиллов, дизайн-система на React и Tailwind, фавиконки
- 154 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл дизайн-системы правит CSS, макет и файлы инструкций проекта
- Скиллы создают файлы в проекте, а PRD пишется в папку _build_plan
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/builder-methods-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл дизайн-системы правит CSS, макет и файлы инструкций проекта
- Скиллы создают файлы в проекте, а PRD пишется в папку _build_plan
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Builder Methods Skills — плагин Брайана Касела (Builder Methods) из четырех скиллов в формате Agent Skills. Они работают с любым агентом, который читает такие скиллы, а для Claude Code и Cowork есть установка через маркетплейс плагинов. `bm-prd-creator` превращает сырую идею в структурированный PRD: сначала определяет стек по файлам проекта, затем пишет prd.md или prd.html и промпты по этапам, которые передают кодинг-агенту. `bm-skill-builder` проводит интервью о повторяемом процессе, собирает по нему скилл (описание, имя, входные данные, вопросы запуска, план шагов) и проверяет его реальным запуском. `bm-design-system` создает в проекте на React и Tailwind v4 справочную страницу /admin/design-system, компоненты в стиле `shadcn` и управляемый блок инструкций в AGENTS.md или CLAUDE.md. `bm-favicon-creator` из иконки Lucide или вашего SVG делает favicon.ico, icon.svg, icon.png и apple-touch-icon.png в папке `public/` и подключает теги в макет. Автор перечисляет, что скиллы читают и пишут. Телеметрии и обращений к серверам Builder Methods в них нет.
Для кого. Разработчикам и основателям продуктов, которые строят приложение с кодинг-агентом на React и Tailwind.
Подходит, если
- Идею приложения надо превратить в PRD и последовательность промптов для агента
- Рабочий процесс, который вы повторяете, стоит оформить скиллом
- В React-проекте на Tailwind v4 нужна дизайн-система и справочная страница компонентов
- Проекту не хватает набора фавиконок, и нужны теги в макете
Не подходит, если
- Дизайн-система нужна не на React и Tailwind v4: скилл рассчитан только на этот стек
- Нужен полноценный PRD с интеграцией в Jira или Notion: скилл пишет файлы в папку _build_plan
- Скилл не должен менять AGENTS.md и CLAUDE.md: `bm-design-system` правит их и убирает конфликтующие инструкции
Пример запроса к агенту
Используй `bm-prd-creator`, чтобы превратить мою идею клиентского портала в PRD с промптами по этапамОграничения
Дизайн-система правит CSS, маршрутизатор, макет, AGENTS.md и CLAUDE.md и печатает команду npm install для недостающих пакетов Radix и `class-variance-authority`. Созданная страница prd.html при открытии подтягивает Tailwind, шрифт Inter и иконки Lucide с внешних адресов. Конструктор скиллов запускает новый скилл один раз для проверки. Скилл `bm-design-system` удаляет или переписывает в AGENTS.md и CLAUDE.md инструкции, которые конфликтуют с дизайн-системой, а при сомнении спрашивает, так что вносите это в коммит отдельно.
Как отключить. В Claude Code удалите плагин командой /plugin, для остальных агентов уберите папки `bm-*` из ~/.agents/skills или .agents/skills проекта. Созданные файлы в _build_plan и `components` остаются в проекте.
Частые вопросы
Какие скиллы входят в bm-skills?
Четыре: `bm-prd-creator`, `bm-skill-builder`, `bm-design-system` и `bm-favicon-creator`. Старые отдельные плагины `bm-prd-creator`, `bm-design-system` и `bm-favicon-creator` объединены в один, поэтому их удаляют перед установкой bm-skills.
Что создает `bm-prd-creator`?
Файлы _build_plan/prd.md и prd.html, а также папки _build_plan/milestones/N-имя с prompt.md для каждого этапа. В конце он добавляет короткий раздел о _build_plan в AGENTS.md или CLAUDE.md.
Отправляют ли скиллы данные автору?
Нет. По README в них нет телеметрии, аналитики и вызовов Builder Methods. Внешние адреса открываются только в браузере при просмотре созданных страниц.
Что дизайн-система меняет в проекте?
Создает страницу /admin/design-system, папки components/design-system и components/ui, lib/theme.ts и таблицу стилей, правит входной CSS, маршрутизатор (для Vite и `react-router`) и `head` макета, добавляет блок в AGENTS.md или CLAUDE.md. Перенос готового интерфейса идет только с вашего согласия.
Куда копируются скиллы при ручной установке?
В ~/.agents/skills для всех проектов или в .agents/skills проекта. Claude Code читает эту папку через симлинк, пример есть в репозитории `agentcanon`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныОдиннадцать скиллов ведут агента от идеи до проверенного кода через PRD и RFC, которые хранятся в файлах репозитория
Библиотека скиллов для Claude Code, Cursor и Codex: ревью командой агентов, TDD, стековые PR, оценка готовности репозитория
Два скилла для Codex и Claude Code: prd ведет живой документ с чеклистом внедрения, review смотрит на решения глазами пользователя
Три скилла для Claude Code, Cursor и OpenCode: интервью и PRD, нарезка задач, дизайн-документ до того, как агент пишет код
Пять скиллов для ежедневной разработки: интервью по требованиям, AGENTS.md, разбор ревью в PR и дизайн одностраничного HTML.
Builder Skills
Skills for agents
Набор небольших скиллов от Builder.io для рабочих привычек агента: визуальные планы и разборы диффов, сверка с документацией, кросс-агентное ревью и аккуратные
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Builder Methods Skills (эта карточка) | нет | 154 | |
| create-prd | нет | 376 | только создание PRD без других скиллов |
| extract-design-system | нет | 288 | вытаскивает дизайн-систему из готового сайта |
| oil-skill-creator | нет | 102 | только конструктор скиллов |
Коротко о README
В README изложены три способа установки (копирование папок, просьба агенту, маркетплейс плагинов), четыре скилла с примерами запросов и раздел о том, к чему скиллы обращаются: что читают, что пишут, что подгружают и что ставят.