Prototype: скилл для одноразового прототипа под один вопрос

mattpocock/skills· Проверено 13.11.2026· 323,4 тыс.на GitHub

Скилл Мэтта Пококка: агент пишет одноразовый прототип под один вопрос — HTML-файл, чтобы погонять логику, или несколько вариантов экрана на одном маршруте.

Как установить Prototype

Личные скиллы лежат в ~/.claude/skills/, проектные — в .claude/skills/ репозитория. Проверка: команда /skills в сессии, вызов по имени — /prototype.

# плагином, внутри Claude Code
/plugin marketplace add mattpocock/skills
/plugin install mattpocock-skills@mattpocock

# или вручную
git clone --depth 1 https://github.com/mattpocock/skills.git /tmp/prototype
mkdir -p ~/.claude/skills/prototype
cp -r /tmp/prototype/skills/engineering/prototype/. ~/.claude/skills/prototype/

Общая папка ~/.agents/skills/ (в проекте — .agents/skills/) читают Codex, Cursor, VS Code Copilot, Gemini CLI, Antigravity, OpenCode, Kilo Code, Goose, Qwen Code.

git clone --depth 1 https://github.com/mattpocock/skills.git /tmp/prototype
mkdir -p ~/.agents/skills/prototype
cp -r /tmp/prototype/skills/engineering/prototype/. ~/.agents/skills/prototype/

Установщик скиллов от Vercel, нужен Node.js 22.20 или новее. Без -g скилл ставится в текущий проект; флаг -a выбирает агента.

npx skills add mattpocock/skills --skill prototype -a claude-code

# для всех проектов
npx skills add mattpocock/skills --skill prototype -g

Нужен тариф Pro, Max, Team или Enterprise с включённым выполнением кода.

Скачайте папку скилла с GitHub и упакуйте её в ZIP.
claude.ai → Customize → Skills → + → Create skill → Upload a skill
Загрузите ZIP и включите скилл переключателем.

Gemini CLI ставит скиллы из git-репозитория и хранит их в ~/.gemini/skills/.

gemini skills install https://github.com/mattpocock/skills.git --consent

# проверка
gemini skills list

Что умеет

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

Сделать несколько разных вариантов интерфейса на одном маршруте с переключением через ?variant=

Показывать полное состояние после каждого действия или смены варианта

Сохранить прототип в отдельной ветке и оставить на неё ссылку в задаче

Сначала агент определяет вопрос: «логика верна?» ведёт в LOGIC.md, «как это должно выглядеть?» — в UI.md.

Логику проверяет файл, который открывают двойным щелчком: панель состояния, свободные кнопки и вкладки с пошаговыми сценариями. Под ним — чистый модуль без кода DOM.

Правила для обеих веток: код помечен как прототип, запускается одной командой, состояние живёт в памяти, тестов и обработки ошибок нет.

После ответа решение переносится в основной код, а прототип коммитится в ветку prototype/<name> и в main не попадает.

Что нужно

АгентыРассчитан на Claude Code и Codex: рядом со SKILL.md лежит agents/openai.yaml для Codex.

Что попросить агента

/prototype Проверь, правильно ли устроены статусы заказа в <модуль>Соберёт HTML-файл с кнопками переходов и сценариями, который можно отдать аналитику

/prototype Покажи три разных варианта страницы <настройки профиля>Сделает варианты на одном маршруте с переключателем внизу и параметром ?variant=

Прототип ответил на вопрос, оформи результатПеренесёт решение в код, закоммитит прототип в ветку prototype/<name> и оставит ссылку в задаче

Ограничения

Отвечает на один вопрос: прототип всего приложения для демонстрации клиентам скилл не строит

Код прототипа без тестов и обработки ошибок, в продакшен его переносить нельзя

Агенты иногда советуют /prototype там, где дизайн уже решён и пора писать код через /implement

Описание из SKILL.md

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

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

Как установить prototype skill в Claude Code?

Через набор Пококка: claude plugin install mattpocock-skills@claude-plugins-official, затем /prototype или просьба сделать прототип.

Как поставить prototype skill в Cursor?

Выполните npx skills@latest add mattpocock/skills -a cursor и выберите prototype в списке.

Прототип удаляется после проверки?

Нет. Его коммитят в ветку prototype/<name>, никогда не сливают в main и оставляют ссылку на ветку в задаче.

Почему логика проверяется в HTML, без терминала?

Файл открывает кто угодно двойным щелчком: дизайнер, менеджер, эксперт по предметной области. Терминальное приложение требует клон репозитория.

Когда прототип не нужен?

Когда вопрос решается разговором или дизайн уже согласован. Для поломки в готовом коде есть diagnosing-bugs.

Сколько установок у prototype?

На skills.sh на 13.11.2026 — 1 074 906 установок, 18-е место в общем рейтинге.