multiAI Summary Pending

generate-api-client

Orval APIクライアント生成スキル（OpenAPI仕様書から型安全なAPIクライアントを自動生成）

231 stars

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/generate-api-client/SKILL.md --create-dirs "https://raw.githubusercontent.com/aiskillstore/marketplace/main/skills/crearize/generate-api-client/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/generate-api-client/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How generate-api-client Compares

Feature / Agent	generate-api-client	Standard Approach
Platform Support	multi	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Orval APIクライアント生成スキル（OpenAPI仕様書から型安全なAPIクライアントを自動生成）

Which AI agents support this skill?

This skill is compatible with multi.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Generate API Client Skill - Orval APIクライアント生成スキル

## 役割

OpenAPI仕様書（api-docs.yaml）から型安全なAPIクライアントを自動生成するスキルです。

## 実行フロー

### Phase 1: 仕様書確認
```bash
# OpenAPI仕様書の存在確認
ls backend/src/main/resources/static/api-docs.yaml
```

### Phase 2: Orval実行
```bash
cd frontend

# Orvalで型安全なAPIクライアント生成
pnpm run generate:api
```

### Phase 3: 生成確認
```bash
# 生成されたファイル確認
ls frontend/src/lib/api/generated/
```

### Phase 4: 型チェック
```bash
# TypeScript型チェック
npx tsc --noEmit
```

### Phase 5: 完了報告
```markdown
## Generate API Client 完了報告

### 生成結果
- ✅ APIクライアント生成完了
- ✅ 型定義生成完了
- ✅ TypeScript型チェック成功

### 生成ファイル
- frontend/src/lib/api/generated/api.ts
- frontend/src/lib/api/generated/model.ts

### 次のステップ
生成されたAPIクライアントをimportして使用できます。
```