architecture
V0 архитектура с TOC bottleneck-анализом. Запускает architect (Fable 5.1). ≤10 компонентов, Mermaid диаграмма, invariants как…
@andrewciganInstall SkillDevelopment
Skill
/design-handoff
Бриф для Claude Design (claude.ai/design) по формуле C.R.O.P. Плагин не рисует UI сам — готовит handoff. Запускает design-handoff-builder (Opus). FAST этап 3 / FULL этап 11. Триггеры — "/design-handoff", "claude design бриф", "дизайн UI".
Claude Code
$ npx -y skills add andrewcigan/vibe-dev-plugin --skill design-handoff --agent claude-code
Codex
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a codex -y
Cursor
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a cursor -y
Gemini CLI
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a gemini-cli -y
GitHub Copilot
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a github-copilot -y
OpenCode
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a opencode -y
Windsurf
$ npx skills add andrewcigan/vibe-dev-plugin --skill design-handoff -a windsurf -y
SKILL.md
design-handoff.SKILL.mdname: design-handoff
description: Бриф для Claude Design (claude.ai/design) по формуле C.R.O.P. Плагин не рисует UI сам — готовит handoff. Запускает design-handoff-builder (Opus). FAST этап 3 / FULL этап 11. Триггеры — "/design-handoff", "claude design бриф", "дизайн UI".
when_to_use: Когда нужен дизайн UI. Если проект без UI — skip. Пользователь открывает Claude Design, вставляет brief, получает дизайн, возвращается.
/design-handoff
Подготовка дизайн-брифа через design-handoff-builder agent.
Что происходит
1. Subagent `design-handoff-builder` (Opus) читает PRODUCT.md, ARCHITECTURE.md, user-stories 2. Identify UI scope (1-3 экрана FAST, 5-10 FULL) 3. User flows для каждого экрана 4. Components required (что нужно — header, cards, modals, etc.) 5. Design brief по C.R.O.P. (Context / Requirements / Output / Patterns)
Output
- `docs/design-brief.md` — главный артефакт для Claude Design
- `docs/design-handoff/user-flows.md`
- `docs/design-handoff/components-required.md`
Что делает пользователь
1. Открывает claude.ai/design 2. Создаёт проект 3. Прикрепляет 3 файла из docs/design-handoff/ + docs/design-brief.md 4. Просит: «Сделай дизайн по этому брифу. Покажи 3 главных экрана.» 5. Итерирует до результата
Когда дизайн готов:
- Скачивает экспорт (TSX / HTML)
- В src/components/ или скриншоты в docs/design-handoff/output/
- Сообщает: «дизайн готов»
- Продолжаем pipeline
Skip когда
- Проект без UI (pure CLI / API / cron)
- Уже есть готовая дизайн-система
Stack дефолт для дизайна
shadcn/ui + Tailwind v4 + Inter (cyrillic + latin)
Read more
name: design-handoff description: Бриф для Claude Design (claude.ai/design) по формуле C.R.O.P. Плагин не рисует UI сам — готовит handoff. Запускает design-handoff-builder (Opus). FAST этап 3 / FULL этап 11. Триггеры — "/design-handoff", "claude design бриф", "дизайн UI". when_to_use: Когда нужен дизайн UI. Если проект без UI — skip. Пользователь открывает Claude Design, вставляет brief, получает дизайн, возвращается.
/design-handoff
Подготовка дизайн-брифа через design-handoff-builder agent.
Что происходит
1. Subagent `design-handoff-builder` (Opus) читает PRODUCT.md, ARCHITECTURE.md, user-stories 2. Identify UI scope (1-3 экрана FAST, 5-10 FULL) 3. User flows для каждого экрана 4. Components required (что нужно — header, cards, modals, etc.) 5. Design brief по C.R.O.P. (Context / Requirements / Output / Patterns)
Output
- `docs/design-brief.md` — главный артефакт для Claude Design
- `docs/design-handoff/user-flows.md`
- `docs/design-handoff/components-required.md`
Что делает пользователь
1. Открывает claude.ai/design 2. Создаёт проект 3. Прикрепляет 3 файла из docs/design-handoff/ + docs/design-brief.md 4. Просит: «Сделай дизайн по этому брифу. Покажи 3 главных экрана.» 5. Итерирует до результата
Когда дизайн готов:
- Скачивает экспорт (TSX / HTML)
- В src/components/ или скриншоты в docs/design-handoff/output/
- Сообщает: «дизайн готов»
- Продолжаем pipeline
Skip когда
- Проект без UI (pure CLI / API / cron)
- Уже есть готовая дизайн-система
Stack дефолт для дизайна
shadcn/ui + Tailwind v4 + Inter (cyrillic + latin)
Stats
5
Stars
0
Forks
Maintained
Maintenance
Shell
Language
MIT
License
Last commit
Created
Ships withvibe-dev
🌐 English: this file · Русский: README.ru.md A harness-first plugin that turns a business idea into a shipped product — for founders who build with Codex and Claude Code.
529 skills24 agents
Stars on GitHub
Momentum
- stars in total
- 5
Other skills on vibe-dev.
@andrewciganInstall Skillaudit
7-tuple оценка здоровья проекта (Instructions / State / Verification / Scope / Lifecycle / Learning / Cost-Safety) через ВНЕШНЕГО…
@andrewciganInstall Skillcheckpoint
Управляемый чекпоинт состояния в файлы посреди работы — вместо авто-сжатия («рулетки»). Перезаписывает Current State,…
@andrewciganInstall Skillchoose-stack
Выбор стека под bottleneck архитектуры. Запускает stack-advisor (Fable 5.1). Использует 2026 tech-updates (opendataloader-pdf,…
@andrewciganInstall Skillcritique
FULL этап 5 — автономный critique long-list идей. Запускает idea-critic (Sonnet), который отсеивает hard-filters и оставляет…
@andrewciganInstall Skilldetail-architecture
Детальная архитектура после выбора стека. Запускает architect + reordering-agent. API контракты, data models, обработка ошибок,…
@andrewciganInstall SkillMore skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
@obraInstall Skillask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
@mattpocockInstall SkillAuto-invoked
Questions about design-handoff.
- Which coding agents can use design-handoff?
- design-handoff installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.