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のワークフローに特化していますが、他のスタックでも使用可能です。

Summary

Install to Claude Code