takuto-claude-code

Takuto's Claude Code 設定

個人用のClaude Code設定です。16のスラッシュコマンドと12の専門AIエージェントでモダンWeb開発を加速します。

クイックインストール

# GitHubからインストール
/plugin install Hayashi-Takuto/takuto-claude-code

含まれる機能

📋 開発コマンド（7個）

コマンド	説明
/new-task	タスク分析と実行計画作成
/code-explain	コードを日本語でわかりやすく解説
/code-optimize	パフォーマンス最適化
/code-cleanup	リファクタリングとクリーンアップ
/feature-plan	新機能の実装計画作成
/lint	Lint実行と問題修正
/docs-generate	ドキュメント自動生成

🔌 APIコマンド（3個）

コマンド	説明
/api-new	新しいAPIエンドポイント作成
/api-test	APIテストコード生成
/api-protect	認証・バリデーション追加

🎨 UIコマンド（2個）

コマンド	説明
/component-new	Reactコンポーネント作成
/page-new	Next.jsページ作成

💾 Supabaseコマンド（2個）

コマンド	説明
/types-gen	TypeScript型生成
/edge-function-new	Edge Function作成

🐹 Go言語コマンド（2個）

コマンド	説明
/go-new	Go APIエンドポイント作成
/go-test	Goテストコード生成

🤖 専門AIエージェント（12個）

アーキテクチャ・設計

• tech-stack-researcher - 技術選定のリサーチと推奨
• system-architect - スケーラブルなシステム設計
• backend-architect - バックエンド設計（セキュリティ重視）
• frontend-architect - フロントエンド設計（アクセシビリティ重視）
• requirements-analyst - 要件定義と仕様策定

コード品質・パフォーマンス

• refactoring-expert - リファクタリングと技術的負債削減
• performance-engineer - パフォーマンス最適化
• security-engineer - セキュリティ脆弱性の特定と対策
• go-expert - Go言語のエキスパート

ドキュメント・学習

• technical-writer - 技術ドキュメント作成
• learning-guide - プログラミング学習ガイド
• deep-research-agent - 包括的なリサーチ

🔧 MCPサーバー（3個）

サーバー	説明
Context7	ライブラリの最新ドキュメント取得
Playwright	ブラウザ自動化とE2Eテスト
Supabase	データベース操作

インストール方法

GitHubからインストール（推奨）

/plugin install Hayashi-Takuto/takuto-claude-code

ローカルからインストール（開発用）

git clone https://github.com/Hayashi-Takuto/takuto-claude-code.git
cd takuto-claude-code

# Claude Codeで実行
/plugin install /path/to/takuto-claude-code

使用例

タスクの計画

/new-task
# タスクの内容を説明すると、実行計画を作成

APIの作成

/api-new
# APIの仕様を説明すると、完全なエンドポイントを生成

コードの解説

/code-explain
# 複雑なコードを日本語でわかりやすく解説

Go APIの作成

/go-new
# Go言語でのAPI実装を生成

技術選定の相談

エージェントは自動的に起動します：

• 「WebSocketsとSSEどっちがいい？」
• 「このDB設計どう思う？」
• 「認証はどうやって実装すべき？」

対応技術スタック

• フロントエンド: Next.js, React, TypeScript, Tailwind CSS
• バックエンド: Go, Node.js
• データベース: Supabase, PostgreSQL
• その他: n8n, Vercel

要件

• Claude Code 2.0.13以上
• Node.js 18以上（MCPサーバー用）

カスタマイズ

インストール後、以下のディレクトリでカスタマイズ可能：

• .claude/commands/ - コマンドの編集・追加
• .claude/agents/ - エージェントの編集・追加

ライセンス

MIT

作者

Takuto (@Hayashi-Takuto)

---

注意: この設定は個人用に最適化されています。Next.js + Go + Supabaseのワークフローに特化していますが、他のスタックでも使用可能です。