Claude Code でつくったアプリの案内所

Claude Code 向け 326 件のツールを収録中 — スキル・MCP サーバー・フック・GitHub Actions を随時更新ツールを投稿する →

ナビのおすすめ

ナビが心をつかまれたアプリを紹介します

こんなときに使える

つかう場面からアプリをさがせます

いま注目のスキル集

すべて見る

Claude Code に新しい得意ワザを追加できます

今週のランキング

スターの多い順にトップ3を紹介します

使い方ガイド

ガイドをもっと見る

はじめての人はここから読むのがおすすめです

ぜんぶのアプリ

全 31 件から絞り込めます

31 件

12.6k

🧩 フレームワーク🔥 HOT

ccusage

Claude Codeのトークン使用量・コストを、ローカルJSONLから高速分析するCLI。日別・月別・セッション別の表形式レポートを表示できます。 Codex・OpenCode・Ampなどの統合ファミリーと、リアルタイム追跡用のMCPサーバーも同梱しています。

調査・リサーチ使用状況モニタリング📦 ryoppippi/ccusage

75.7k

🎨 スキル集🔥 HOT

Understand Anything

任意のコードベースやドキュメントを解析し、ファイル・関数・クラス・依存関係を可視化した対話型のナレッジグラフに変換するClaude Codeプラグインです。/understand を実行すると複数のエージェントが連携してプロジェクトを走査し、/understand-dashboard でグラフをパン・ズーム・検索しながら探索できます。ガイド付きツアーや変更の影響分析、新メンバー向けオンボーディングガイドの生成にも対応し、大規模な既存コードの全体像を素早くつかみたい人に役立ちます。生成したグラフはJSONとしてコミットでき、チームで共有できます。

ドキュメント生成調査・リサーチ📦 Egonex-AI/Understand-Anything

61.3k

🔌 MCP サーバー🔥 HOT

Headroom

AIエージェントがLLMに送るツール出力・ログ・ファイル・RAG結果などを、送信前に自動で圧縮してトークン量を減らすツールです。`headroom wrap claude` のように Claude Code を包んで起動するだけで、コードを変えずにトークン(=API費用)を節約できます。JSONデータで60〜95%、コーディングエージェントで15〜20%ほどの削減が見込め、圧縮した元データは必要に応じて復元できます。MCPサーバー・プロキシ・ライブラリとして使え、複数エージェント間で共有メモリも持てます。

マルチエージェント使用状況モニタリング📦 headroomlabs-ai/headroom

4.8k

🧩 フレームワーク🔥 HOT

liam

データベーススキーマから、美しいインタラクティブなER図を自動生成するOSSツール。ゼロ設定で100テーブル以上も高速処理できます。パン・ズーム・フィルタリング対応の直感UIで、CLAUDE.md設定例としても掲載されています。

ドキュメント生成Git操作📦 liam-hq/liam

3.9k

🧩 フレームワーク🔥 HOT

Claudable

Claude Code × Lovable体験を融合した、オープンソースのWebアプリビルダー。自然言語でアプリを説明するだけで、Tailwind CSS + shadcn/uiの本番品質Next.jsコードをリアルタイム生成します。 Vercelワンクリックデプロイ・Supabase連携・GitHub自動同期に対応、Electronデスクトップ版もあります。

SDK📦 opactorai/Claudable

はじめてでも、たのしく選べる。

Claude Code のスキル・MCP サーバー・フック・GitHub Actions を 326 件そろえました。むずかしい設定さがしは、ナビにおまかせ。

スキル集

skills

113.5k

プロ品質のUI/UXを作るためのデザイン知識をClaude Codeに追加するスキルです。「SaaSのランディングページを作って」などと頼むだけで、業種に合ったレイアウト・配色・フォントの組み合わせを自動で提案し、完成度の高いデザインシステムを生成してくれます。84種類のUIスタイルや192の配色パレット、22のフレームワーク向けガイドラインを内蔵しており、デザインに自信がない人でも整った見た目のWebサイトやアプリを作れます。

スキルプラグイン

マルチエージェント33 件

フレームワーク

2.8k

🧩 フレームワーク🔥 HOT

langgraphjs

LangChainのJavaScript/TypeScript版、グラフベースAIワークフローライブラリ。ステートマシン・サイクリックグラフでエージェントを構築できます。 Claude CodeのCLAUDE.md設定例として、JSエコシステム向けの参考になります。

デプロイ・CI/CD📦 langchain-ai/langgraphjs

2.4k

🎨 スキル集🔥 HOT

playwright-skill

Playwrightブラウザ自動化を、Claude Codeから実行できるスキル。ページ操作・スクリーンショット・フォーム入力・要素検索・E2Eテストを、自然言語で指示できます。ブラウザを使ったテスト・スクレイピングが手軽になります。

テスト自動化📦 lackeyjb/playwright-skill

1.6k

🧩 フレームワーク🔥 HOT

cc-sessions

Claude Codeのセッションを、自然言語で操作できるワークフロー自動化ツール（v0.3.0）。「mek:」「start^:」「finito」「squish」などのフレーズで、TODO管理・マルチフェーズタスク・ブランチ管理を自動化します。 PythonとNode.jsで提供され、GitHub Actionsも自動検出します。

SDK📦 GWUDCAP/cc-sessions

29.7k

🎨 スキル集

AI Website Cloner Template

既存のWebサイトのURLを渡して `/clone-website` と実行するだけで、AIエージェントがサイトを解析し、デザイントークンや画像・アイコンを抽出してモダンなNext.jsコードに再構築してくれるテンプレートです。Claude Code（Opus 4.8推奨）向けに作られており、スクショ撮影・コンポーネント仕様書の作成・git worktreeを使った並列ビルド・元サイトとの差分チェックまでを自動で行います。移行元のソースを失ったサイトの復元や、プラットフォーム移行、実装の学習に役立ちます。

マルチエージェント調査・リサーチ📦 JCodesMore/ai-website-cloner-template

15.0k

🧩 フレームワーク

Open SaaS

React・Node.js・Prisma製の、完全無料でオープンソースなSaaS開発テンプレートです。認証・課金（Stripe/Polar/Lemon Squeezy）・管理画面・メール送信・ファイルアップロードなど、SaaSに必要な機能が最初から揃っています。Claude Code向けに調整されたAGENTS.md・スキル・プラグインが同梱されていて、AIコーディングでそのまま開発を進められます。個人開発者やスタートアップがSaaSを短期間で立ち上げたいときに役立ちます。

デプロイ・CI/CD外部サービス連携📦 wasp-lang/open-saas

2.0k

⭐ 公式

anthropic-sdk-typescript

Anthropic公式のTypeScript/JavaScript用SDK。 Node.js・Deno・Cloudflare Workers・ブラウザのすべての環境で動作します。ストリーミング・ツール呼び出し・画像認識・プロンプトキャッシュ・バッチ処理に対応しています。

デプロイ・CI/CD📦 anthropics/anthropic-sdk-typescript

990

🧩 フレームワーク

rulesync

AIツール向けの設定ファイルを、共通ルールから一括生成するNode.js製CLI。 Claude Code・Cursor・Gemini CLI・Codexなど主要AIツールに対応しています。ルール・コマンド・MCP・無視ファイル・サブエージェント・スキルの選択的生成、一括インポート/エクスポートが可能です。

外部サービス連携📦 dyoshikawa/rulesync

510

🧩 フレームワーク

giselle

AIネイティブな、ノーコードワークフロービルダー。 LLMを組み合わせたフローを、GUIで構築できます。 TypeScript大規模プロジェクト向けの、Claude Code設定例として参照されます。

Git操作タスク管理📦 giselles-ai/giselle

341

🧩 フレームワーク

claude-hooks

TypeScriptでフックを書ける、型安全フックシステム。全フックタイプの強型ペイロードとオートコンプリートを提供します。 npx一発でsettings.jsonとhooks/index.tsを自動生成でき、Bunランタイムで実行できます。

フック📦 johnlindquist/claude-hooks

298

🧩 フレームワーク

web-asset-generator

ロゴ・テキスト・絵文字から、favicon・PWAアイコン・OGP画像を自然言語で生成できるスキル。 Next.jsやAstroなどのフレームワークを自動検出して、HTMLメタタグも自動で追加してくれます。アクセシビリティ検証やテストバリデータリンクも付属しています。

SDK📦 alonw0/web-asset-generator

173

🧩 フレームワーク

claude-code-typescript-hooks

プロジェクトタイプ別の、品質チェックフック集。 React/Next.js、VS Code拡張、Node.js TypeScript向けのPostToolUseフックを提供します。コード変更後に、自動で品質チェックを実行してくれます。

フック📦 bartolli/claude-code-typescript-hooks

148

🎨 スキル集

claude-d3js-skill

D3.jsによるデータ可視化コードを、Claude Codeから直接生成できるスキル。棒グラフ・折れ線・散布図・ネットワーク図などを、自然言語で指示するだけで作成できます。 SVGやHTMLファイルとして出力できます。

データ分析📦 chrisvoncsefalvay/claude-d3js-skill

127

🧩 フレームワーク

cchooks

Claude Codeフックを、数行のPythonで書けるようにする軽量SDK。「pip install cchooks」または「uv add cchooks」で導入できます。 9種類のフックイベント（SessionStart/End含む）に型安全に対応し、シンプルなexitコード方式と高度なJSON制御方式の両方を提供します。

フック📦 GowayLee/cchooks

105

🧩 フレームワーク

cchistory

Claude Codeが実行したBashコマンドを、シェル履歴のように表示できるツール。「npm install -g cchistory」または「npx cchistory」で使えます。通常はシェル履歴に残らないコマンドを、セッションJSONLから抽出して再利用できます。

調査・リサーチ📦 eckardt/cchistory

🧩 フレームワーク

claudectx

Claude Codeの設定プロファイルを、ワンコマンドで切り替えられるCLIツール（v1.2.0）。「claudectx work」でsettings.json・CLAUDE.mdを含む設定全体を即切り替えできます。自動バックアップとロールバック機能付きで、複数クライアント対応のコンサルタントに最適です。

タスク管理📦 foxj77/claudectx

🧩 フレームワーク

viberank

Claude Code使用統計の、コミュニティリーダーボード。 Next.js + Convexで作られ、「npx viberank」CLIで使用データを自動集計してアップロードできます。 GitHub OAuthでプロフィールを公開し、トークン消費・コストの推移やランキングを確認できます。

使用状況モニタリング📦 sculptdotfun/viberank

🧩 フレームワーク

claude-toolbox

設計→レビュー→実装→コードレビュー→テスト→ドキュメントの全工程を自動化する、Claude Codeツールボックス。 10ワークフロースキル、マルチモデルレビュー、LSPシンボル解析、最新ドキュメント連携、永続ナレッジベース（Capy）を統合しています。新規プロジェクトでも既存プロジェクトでも使え、Awesome Claude Codeに掲載されています。

Git操作タスク管理📦 serpro69/claude-toolbox

🧩 フレームワーク

cclogviewer

Go製の、Claude Codeログビューア。 JSONLセッションファイルを、見やすいHTMLに変換してくれます。階層型の会話表示、ツール呼び出しの展開、トークン使用量の追跡、シンタックスハイライトに対応しています。

SDK📦 Brads3290/cclogviewer

🧩 フレームワーク

claudex

React + Fastify製の、フルスタック会話ビューア。 SQLite FTS5全文検索で、過去のセッションを瞬時に検索できます。 v1.3.0からMCPサーバー機能（10ツール・3プロンプト）も追加し、コーディング規約やアーキテクチャ決定を構造化メモリに保存できます。

ドキュメント生成調査・リサーチ📦 kunwar-shah/claudex

データは GitHub 上のリポジトリ情報に基づきます。スター数は調査時点の情報です。

プライバシーポリシー

🧭ナビのおすすめ

ECC

💡こんなときに使える

文章を書くしごとに

くらしの管理に

開発をはじめたい人に

✨いま注目のスキル集

skills

🗂️人気のカテゴリ

🏆今週のランキング

📖使い方ガイド

Claude Code ってなに？

はじめかたガイド

きほんの使いかた

🧰ぜんぶのアプリ

ccusage

Understand Anything

Headroom

liam

Claudable

はじめてでも、たのしく選べる。

skills

awesome-design-md

superpowers

ccusage

UI UX Pro Max

Graphify

langgraphjs

playwright-skill

cc-sessions

AI Website Cloner Template

Open SaaS

anthropic-sdk-typescript

rulesync

giselle

claude-hooks

web-asset-generator

claude-code-typescript-hooks

claude-d3js-skill

cchooks

cchistory

claudectx

viberank

claude-toolbox

cclogviewer

claudex

ナビのおすすめ

こんなときに使える

いま注目のスキル集

人気のカテゴリ

今週のランキング

使い方ガイド

ぜんぶのアプリ