vibeindex について
vibeindexは、プロジェクトを分析し、Vibe Indexディレクトリから関連リソースを探すスキルです。コマンドによる検索、スター順の一覧、週間トレンドの確認にも対応し、会話の言語で結果を示します。
主な機能
- 01プロジェクトのファイルと設定を分析
- 02検出した技術に関連するリソース検索
- 03スター順のリソース一覧
- 04週間上昇リソースの表示
- 05ユーザーの言語で結果を整形
活用シーン
- 01プロジェクトの技術スタックに合うツール探し
- 02名前を指定したディレクトリ検索
- 03人気項目や週間トレンドの確認
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ vibeindex/ skills --skill vibeindexインストール後、Claude Code で/vibeindexを入力して読み込まれたか確認します。
詳細
このスキルが呼び出されたら、以下の手順を直接実行してください。このファイルを表示したり、これから行うことを説明したりせず、プロジェクトの分析、API の呼び出し、結果の提示に進んでください。
会話の文脈からユーザーの言語を判定し、その言語で応答してください。すべての見出し、ラベル、説明を翻訳してください。韓国語ユーザーの場合は、API レスポンスに description_ko フィールドがあれば、そちらを優先してください。
ルーティング
ユーザーのコマンドを解析し、該当するアクションに振り分けてください。
/vibeindex→ アクション:分析(以下のステップ 1~4 を実行)/vibeindex search <query>→ アクション:検索(https://vibeindex.ai/api/resources?ref=skill-vibeindex&search={query}&pageSize=10を呼び出し、結果を提示)/vibeindex top [type]→ アクション:トップ(https://vibeindex.ai/api/resources?ref=skill-vibeindex&sort=stars&pageSize=10を呼び出すか、&type={type}を追加し、結果を提示)/vibeindex trending→ アクション:トレンド(https://vibeindex.ai/api/rising-stars?ref=skill-vibeindex&period=week&limit=10を呼び出し、結果を提示)
検索/トップ/トレンドでは、WebFetch を使って API を呼び出し、名前、タイプ、説明、スター数、インストールコマンドを示す番号付き Markdown リスト形式で結果を整えてください。その後、終了してください。
引数なしの /vibeindex の場合は、以下のステップ 1~4 を実行してください。
ステップ 1:プロジェクトのコンテキストを分析
以下のファイルを黙って読み取ってください(ユーザーには表示しないでください)。
- package.json — dependencies と devDependencies を抽出
- ファイル構成(存在を確認するには Glob を使用):
*.py→ Python*.go→ Go*.tsxまたは*.jsx→ ReactDockerfile→ Dockersupabase/→ Supabaseprisma/→ Prisma
- 設定ファイル(Glob を使用):
tsconfig.json→ TypeScripttailwind.config.*→ Tailwindnext.config.*→ Next.js.github/workflows/→ GitHub Actions
ステップ 2:一致するリソースを検索
まず、リソースの総数を取得してください。WebFetch で https://vibeindex.ai/api/stats?ref=skill-vibeindex を呼び出します(プロンプト:「総数を抽出してください」)。この数値を {total_resources} として保存してください。
次に、検出した内容に基づいて、WebFetch で検出されたテクノロジーごとに Vibe Index API を呼び出してください。stats 呼び出しを含むすべての呼び出しを並列で実行してください。
| 検出対象 | API URL |
|---|---|
| React | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=react&pageSize=5 |
| TypeScript | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=typescript&pageSize=5 |
| Supabase | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=supabase&pageSize=5 |
| Next.js | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=nextjs&pageSize=5 |
| Docker | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=docker&pageSize=5 |
| Python | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=python&pageSize=5 |
| Tailwind | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=tailwind&pageSize=5 |
| Prisma | https://vibeindex.ai/api/resources?ref=skill-vibeindex&search=prisma&pageSize=5 |
各 WebFetch 呼び出しでは、次のプロンプトを使用してください:「data 配列から name、resource_type、description、stars、github_owner、github_repo を抽出してください」
ステップ 1 で実際に検出されたテクノロジーのみを検索してください。
ステップ 3:一致確率を計算
見つかった各リソースについて、一致スコアを計算してください。
- 直接的な依存関係の一致(名前が package.json に記載されている):+40%
- ファイルタイプの一致(関連ファイルが存在する):+25%
- 設定ファイルの一致(関連する設定ファイルが存在する):+20%
- プロジェクトとのタグの重複:+15%
- ボーナス:スター数が 10k を超える:+5%
- ボーナス:複数の検出シグナルがある:追加シグナルごとに +5%
- 上限:99%
すべての検索結果間で重複を取り除いてください。スコアが最も高い上位 5 件のリソースを選んでください。
ステップ 4:結果を提示
以下の結果のみを出力してください。すべてユーザーが使用していると判定された言語で記述し、見出し、ラベル、説明をすべて翻訳してください。
## 프로젝트 분석이 완료되었습니다
당신의 **{project-name}** 프로젝트는 **{main framework}** 기반입니다.
{1-2 sentences about the project in plain language. e.g., "Supabase 데이터베이스와 Tailwind CSS를 사용하는 풀스택 웹 앱입니다."}
[VibeIndex.ai](https://vibeindex.ai)에 등록된 총 **{total_resources}개**의 스킬, 플러그인, MCP 서버 중에서 이 프로젝트에 가장 잘 맞는 도구를 찾았습니다:
────────────────────────────────────────
**1. {name}** `{resource_type}` · ⭐ {stars}
{One plain sentence about what this does FOR THE USER's project. NO technical jargon. e.g., "이 프로젝트에서 사용 중인 Supabase 데이터베이스를 더 빠르고 안전하게 만들어줍니다."}
{install_command}
────────────────────────────────────────
**2. {name}** `{resource_type}` · ⭐ {stars}
...
────────────────────────────────────────
## 설치
필요한 것만 복사해서 실행하세요:
{install commands, one per line, only for skills — plugins/mcp show URLs instead}
💡 **더 많은 도구 탐색** → https://vibeindex.ai
文章のスタイルガイドライン:
- シンプルで親しみやすい言葉を使い、ドキュメントのような堅苦しさを避けて、同僚に説明するように書いてください。「RLS ポリシー」や「クエリの最適化」のような専門用語は避け、何をするのかを「高速化する」「安全に保つ」「コードを整理する」のように説明してください。
- マッチングの判定方法ではなく、ユーザーが得られるメリットに重点を置いてください。
- おすすめごとに、平易な一文で説明してください。箇条書きや技術的な詳細は使わないでください。
- マッチスコアや割合をユーザーに表示しないでください。
- API の説明をそのままコピーせず、そのリソースがこのプロジェクトで果たす役割に基づいて説明文を作成してください。
- ユーザーが使用していると判定された言語にすべて翻訳してください。上記のテンプレートは韓国語をベースにしています。
種類別のインストールコマンド:
- skill:
npx skills add {github_owner}/{github_repo} --skill {name} - plugin:
https://vibeindex.ai/plugins/{github_owner}/{github_repo}/{name}を参照してください - mcp:
https://vibeindex.ai/mcp/{github_owner}/{github_repo}を参照してください - marketplace:
https://vibeindex.ai/marketplaces/{github_owner}/{github_repo}を参照してください
API レスポンス形式
/api/resourcesエンドポイントは次を返します:
{
"data": [
{
"name": "resource-name",
"resource_type": "skill|mcp|plugin|marketplace",
"description": "...",
"stars": 12345,
"github_owner": "owner",
"github_repo": "repo",
"tags": ["tag1", "tag2"]
}
],
"total": 100
}
/api/rising-starsエンドポイントは次を返します:
{
"rising": [
{
"name": "resource-name",
"resource_type": "mcp",
"stars": 5000,
"stars_today": 120
}
],
"period": "week"
}
Vibe Indexが作成 — Claude Code エコシステムディレクトリ