скилл CX Codex

sketch · makenotion — скилл для Claude Code: что делает и как установить

Q: Как установить sketch в Claude Code?

Запустите команду `npx skills add makenotion/notion-cookbook --skill sketch -a claude-code`. Конфигурация сохранится в `~/.claude/skills/sketch/SKILL.md`.

Q: Что нужно скиллу для работы?

Скиллу требуется установленный пакет `@notionhq/apps`, так как инструкции считываются из `node_modules/@notionhq/apps/skills/sketch/SKILL.md`. Если файла нет, агент покажет проект обычным текстом.

Скилл строит схему рабочего процесса приложения в виде наглядной диаграммы. Пригодится при проектировании архитектуры и согласовании логики с пользователем.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

npx skills add makenotion/notion-cookbook --skill sketch -a claude-code

Открыть на GitHub

Что делает sketch

Скилл помогает спланировать шаги приложения и оформить их в блок-схему для проверки. Вместо полотна текста агент строит наглядный flow diagram прямо во время обсуждения архитектуры. Это упрощает поиск логических ошибок.

Для работы инструмент открывает файл node_modules/@notionhq/apps/skills/sketch/SKILL.md относительно корня проекта и следует его указаниям. Без установленного пакета @notionhq/apps построить схему не выйдет. В таком случае агент сообщит о сбое и покажет архитектуру обычным текстом.

Какие задачи решает

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

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

Набросай схему рабочего процесса приложения для регистрации пользователей
Построй flow diagram обработки заказов для проверки архитектуры

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

1Через Skills CLI (Vercel)

npx skills add makenotion/notion-cookbook --skill sketch -a claude-code

2Вручную: положить файлы

~/.claude/skills/sketch/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/sketch/

1Через Skills CLI (Vercel)

npx skills add makenotion/notion-cookbook --skill sketch -a codex

2Вручную: положить файлы

.agents/skills/sketch/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

npx skills add makenotion/notion-cookbook --skill sketch -a cursor

2Вручную: положить файлы

.cursor/skills/sketch/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install makenotion/notion-cookbook sketch

2Вручную: положить файлы

.github/skills/sketch/SKILL.md

1Через Skills CLI (Vercel)

npx skills add makenotion/notion-cookbook --skill sketch -a gemini-cli

2Командой платформы

gemini skills install https://github.com/makenotion/notion-cookbook --path apps/agents/skills/sketch

Вручную: положить файлы

.devin/skills/sketch/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

npx skills add makenotion/notion-cookbook --skill sketch -a opencode

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о sketch

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

Запустите команду npx skills add makenotion/notion-cookbook --skill sketch -a claude-code. Конфигурация сохранится в ~/.claude/skills/sketch/SKILL.md.

Что делает скилл sketch?

Он преобразует планируемые сценарии работы приложения в наглядную блок-схему при совместном проектировании с ассистентом.

Что нужно скиллу для работы?

Скиллу требуется установленный пакет @notionhq/apps, так как инструкции считываются из node_modules/@notionhq/apps/skills/sketch/SKILL.md. Если файла нет, агент покажет проект обычным текстом.

Исходный текст

SKILL.md · MIT

---
name: sketch
description: Sketch an App workflow as a reviewable flow diagram when planning or iterating on its design with the user.
user-invocable: true
---

# App sketch

When planning or iterating on an App workflow design with the user, read
`node_modules/@notionhq/apps/skills/sketch/SKILL.md`.
Resolve this path relative to the App project root.
Follow the instructions in that file.

If the file is missing, install the project dependencies.
If it remains missing or the sketch tools fail, tell the user the sketch skill
is not available and present the design in text instead.

Похожие скиллы

Всё по теме «Дизайн» →

Сначала — sketch от других авторов.

sketch Hermes Agent (adapted from gsd-build/get-shit-done) Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код. CX Codex +1 403установок sketch typeui.sh Скилл задаёт правила дизайн-системы для интерфейсов в стиле ручного скетча. Пригодится для UI-гайдов с токенами, состояниями компонентов и проверяемой доступностью. CX Codex +1 2 300установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Из того же набора20