# api-design

Скилл помогает проектировать и проверять публичные API библиотек на TypeScript, JavaScript, React и React Native.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 552 установки · ★ 178
- Автор: margelo
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/margelo/react-native-skills/tree/HEAD/skills/api-design/SKILL.md
- Обновлён: 2026-08-21
- HTML: https://affpapa.org/nevibecode/skills/margelo-api-design

## Что делает

api-design помогает сначала описать пользовательский TypeScript API, а уже потом переходить к внутренней реализации. Он разбирает экспортируемые функции, классы, хуки, объекты параметров, события, обработку ошибок, имена и кроссплатформенные абстракции.

Рабочий процесс включает примеры вызовов, включая ошибки и очистку ресурсов, проверку типов API и сверку с инструментами репозитория для typecheck, lint и документации. Скилл советует использовать типизированные варианты состояний, осмысленные option objects и явное разделение требований и предпочтений.

Для Nitro Module после проектирования публичного TypeScript и React API нужен отдельный `build-nitro-modules`, потому что этот скилл не покрывает Nitro-специфичные ограничения.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add margelo/react-native-skills --skill api-design -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/api-design/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/api-design/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add margelo/react-native-skills --skill api-design -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/api-design/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add margelo/react-native-skills --skill api-design -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/api-design/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install margelo/react-native-skills api-design
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/api-design/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add margelo/react-native-skills --skill api-design -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/margelo/react-native-skills --path skills/api-design
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/api-design/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add margelo/react-native-skills --skill api-design -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/margelo/react-native-skills/tree/HEAD/skills/api-design/SKILL.md

## Когда брать
- спроектировать экспортируемый API библиотеки
- проверить типы, состояния и варианты ошибок
- разделить требования и необязательные настройки
- подготовить примеры вызова и очистки ресурсов
- сверить API с typecheck, lint и документацией

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

## Похожие
- [mcp-builder](https://affpapa.org/nevibecode/skills/mcp-builder.md) — скилл · 130949 установок
- [claude-api](https://affpapa.org/nevibecode/skills/claude-api.md) — скилл · 74198 установок
- [lark-im](https://affpapa.org/nevibecode/skills/lark-im.md) — скилл · 472900 установок
- [lark-event](https://affpapa.org/nevibecode/skills/lark-event.md) — скилл · 466800 установок
- [caveman-discover](https://affpapa.org/nevibecode/skills/caveman-discover.md) — скилл · 104400 установок
- [migration](https://affpapa.org/nevibecode/skills/migration.md) — скилл · 103900 установок

## Другие версии с тем же именем
- [api-design · affaan-m](https://affpapa.org/nevibecode/skills/api-design.md) — 5500 установок
- [api-design · aaronontheweb](https://affpapa.org/nevibecode/skills/aaronontheweb-api-design.md) — 660 установок
- [api-design · akillness](https://affpapa.org/nevibecode/skills/agent-skills-team-api-design.md) — 387 установок

Из того же набора: [margelo/react-native-skills](https://affpapa.org/nevibecode/by/margelo/react-native-skills.md) — 6 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md