api-design · margelo — скилл для Claude Code: что делает и как установить
Скилл помогает проектировать и проверять публичные API библиотек на TypeScript, JavaScript, React и React Native.
npx skills add margelo/react-native-skills --skill api-design -a claude-codeЧто делает api-design
api-design помогает сначала описать пользовательский TypeScript API, а уже потом переходить к внутренней реализации. Он разбирает экспортируемые функции, классы, хуки, объекты параметров, события, обработку ошибок, имена и кроссплатформенные абстракции.
Рабочий процесс включает примеры вызовов, включая ошибки и очистку ресурсов, проверку типов API и сверку с инструментами репозитория для typecheck, lint и документации. Скилл советует использовать типизированные варианты состояний, осмысленные option objects и явное разделение требований и предпочтений.
Для Nitro Module после проектирования публичного TypeScript и React API нужен отдельный build-nitro-modules, потому что этот скилл не покрывает Nitro-специфичные ограничения.
Какие задачи решает
- спроектировать экспортируемый API библиотеки
- проверить типы, состояния и варианты ошибок
- разделить требования и необязательные настройки
- подготовить примеры вызова и очистки ресурсов
- сверить API с typecheck, lint и документацией
Примеры запросов агенту
- Спроектируй публичный API библиотеки на TypeScript до реализации внутренних деталей.
- Проверь объект параметров и варианты состояний, чтобы невозможные комбинации нельзя было передать.
- Подготовь примеры вызова с обработкой ошибки и очисткой ресурсов.
Как установить api-design
1Через Skills CLI (Vercel)
npx skills add margelo/react-native-skills --skill api-design -a claude-code2Вручную: положить файлы
~/.claude/skills/api-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/api-design/
1Через Skills CLI (Vercel)
npx skills add margelo/react-native-skills --skill api-design -a codex2Вручную: положить файлы
.agents/skills/api-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add margelo/react-native-skills --skill api-design -a cursor2Вручную: положить файлы
.cursor/skills/api-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install margelo/react-native-skills api-design2Вручную: положить файлы
.github/skills/api-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add margelo/react-native-skills --skill api-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/margelo/react-native-skills --path skills/api-designВручную: положить файлы
.devin/skills/api-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add margelo/react-native-skills --skill api-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о api-design
Как установить api-design в Claude Code?
Выполните npx skills add margelo/react-native-skills --skill api-design -a claude-code, затем проверьте файл ~/.claude/skills/api-design/SKILL.md.
Что делает api-design?
Скилл помогает сформировать и проверить публичный API библиотек на TypeScript, JavaScript, React и React Native: типы, параметры, события, ошибки и кроссплатформенные возможности.
Нужен ли отдельный скилл для Nitro Module?
Да. Сначала api-design описывает публичный TypeScript и React API, затем build-nitro-modules проверяет Nitro-специфичные спецификации, состояние native-части и binding-ограничения.
Похожие скиллы
Все скиллы по теме «Бэкенд и API» →Сначала — api-design от других авторов.
