app-builder — скилл для Claude Code: что делает и как установить
Скилл превращает запрос на естественном языке в план full-stack приложения, выбирает стек и координирует агентов. Пригодится для старта нового проекта.
npx claude-code-templates@latest --skill business-marketing/app-builderЧто делает app-builder
app-builder разбирает запрос, определяет тип проекта, подбирает технологии и планирует структуру. Он умеет создавать приложения по шаблонам для Next.js, Nuxt, Express, FastAPI, React Native, Flutter, Electron, Chrome MV3, CLI и монорепозиториев.
Скилл читает только файлы, относящиеся к задаче, затем может подключать project-planner, frontend-specialist, backend-specialist, database-architect и devops-engineer. В доступных инструментах указаны Read, Write, Edit, Glob, Grep, Bash и Agent, поэтому он рассчитан на работу прямо с файлами и командами проекта.
Какие задачи решает
- определить тип нового приложения
- подобрать стек под задачу
- создать структуру проекта по шаблону
- разбить разработку на задачи
- согласовать работу агентов
Примеры запросов агенту
- Собери full-stack приложение для обмена фотографиями и отметками «нравится».
- Создай REST API на FastAPI и подготовь структуру проекта.
- Добавь в существующее приложение страницу профиля и связанные API-маршруты.
Как установить app-builder
1Через claude-code-templates
npx claude-code-templates@latest --skill business-marketing/app-builder2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill app-builder -a claude-code3Вручную: положить файлы
~/.claude/skills/app-builder/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/app-builder/
Вручную: положить файлы
.agents/skills/app-builder/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/app-builder/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates app-builder2Вручную: положить файлы
.github/skills/app-builder/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/business-marketing/app-builderВручную: положить файлы
.devin/skills/app-builder/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о app-builder
Как установить app-builder в Claude Code?
Выполните npx claude-code-templates@latest --skill business-marketing/app-builder.
Что делает app-builder?
Скилл анализирует запрос, определяет тип приложения, выбирает стек, планирует структуру и координирует агентов для создания или расширения проекта.
Какие проекты app-builder умеет создавать?
В наборе есть шаблоны для full-stack приложений, SaaS, лендингов, REST API, мобильных и desktop-приложений, расширений Chrome, CLI и монорепозиториев.
