/ ディレクトリ / プレイグラウンド / antivibe
● コミュニティ mohi-devhub ⚡ 即起動

antivibe

作者 mohi-devhub · mohi-devhub/antivibe

バイブコーディングはやめましょう。Claudeがコードを書いた後、このスキルがその内容を解説させます — 変数、トレードオフ、代替案 — あなたが本当に理解できるように。

antivibeはAI生成コードを学びの機会に変えます。コードブロックが生成された後、Claudeに何をしたかを説明させます:なぜそのパターンを選んだのか、他にどんな選択肢があったのか、潜在的なバグがどこに潜んでいるか。コピペで済ませるのではなく、スキルアップしたい開発者のために設計されています。

なぜ使うのか

主な機能

ライブデモ

実際の動作

antivibe-skill.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "antivibe-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/mohi-devhub/antivibe",
        "~/.claude/skills/antivibe"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "antivibe-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/mohi-devhub/antivibe",
        "~/.claude/skills/antivibe"
      ],
      "_inferred": true
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "antivibe-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/mohi-devhub/antivibe",
        "~/.claude/skills/antivibe"
      ],
      "_inferred": true
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "antivibe-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/mohi-devhub/antivibe",
        "~/.claude/skills/antivibe"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "antivibe-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/mohi-devhub/antivibe",
        "~/.claude/skills/antivibe"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "antivibe-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/mohi-devhub/antivibe",
          "~/.claude/skills/antivibe"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add antivibe-skill -- git clone https://github.com/mohi-devhub/antivibe ~/.claude/skills/antivibe

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: antivibe

Claudeにコードを書かせながら新しいフレームワークを学ぶ

👤 不慣れなフレームワーク(Svelte、Rust、Go)を習得中の開発者 ⏱ ~20 min beginner

使うタイミング: 普段ならClaudeの出力をそのままコピーして祈るだけ。そうではなく、理解したいとき。

前提条件
  • スキルのインストール — git clone https://github.com/mohi-devhub/antivibe ~/.claude/skills/antivibe
フロー
  1. いつも通りコードを依頼する
    Use antivibe. Write a Svelte 5 store for user authentication.✓ コピーしました
    → コードブロック+runes、$state$derivedを解説するティーチングパス
  2. 代替案を聞く
    What other approaches did you consider? Why this one?✓ コピーしました
    → トレードオフ付きの代替案の提示
  3. 理解度を確認する
    Quiz me — ask 3 questions about what this code does.✓ コピーしました
    → トリビアではなく、コードの実際の理解を問うクイズ

結果: リポジトリにあるコードを理解し、自分でメンテナンスできる状態になる。

注意点
  • 急いでいるときに解説パスをスキップしてしまう — 使い捨てのスパイクコードではスキルをオフに、マージするコードではオンにする

自分が書いたコードをClaudeにantivibeスタイルでレビューさせる

👤 批判的なセカンドオピニオンが欲しい開発者 ⏱ ~15 min intermediate

使うタイミング: 自分でコードを書いたが、先生の目でチェックしてほしいとき。

フロー
  1. コードを提出する
    Use antivibe. Here's my implementation [...] — review it like you'd teach it.✓ コピーしました
    → セクションごとのコメンタリー
  2. シニアエンジニアならどう言うか聞く
    What would a senior engineer on this codebase push back on?✓ コピーしました
    → 「テストを追加しろ」ではなく、具体的な指摘

結果: 理由付きの具体的な改善点が得られ、それを自分の知識として内面化できる。

注意点
  • Claudeがお世辞マシンになってしまう — 明示的にプロンプトする:「懐疑的に見てください。証明されるまでコードは間違っていると仮定して」
組み合わせ: filesystem

PR説明文として教育品質の解説を作成する

👤 PRを通じてジュニアをオンボーディングするシニア開発者 ⏱ ~15 min beginner

使うタイミング: PR説明文を教育ドキュメントとしても機能させたいとき。

フロー
  1. diffを入力する
    Use antivibe. Write a PR description that explains to a mid-level dev why each change is there.✓ コピーしました
    → チャンクごとに根拠が記載されたPR本文

結果: チームが実際に読むPR説明文ができる。

組み合わせ: github

組み合わせ

他のMCPと組み合わせて10倍の力を

antivibe-skill + github

antivibeスタイルの解説をPRのインラインコメントとして投稿する

Review this PR with antivibe and leave teaching comments on non-obvious lines.✓ コピーしました
antivibe-skill + filesystem

ジュニアにコードベースをファイルごとに解説する

Use antivibe to explain each file in src/auth/ as if onboarding a new engineer.✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
explain_code code block コード生成直後 0
list_alternatives code + goal 理解を深めたいとき 0
quiz_me code block 実際の理解度をテストするとき 0

コストと制限

運用コスト

APIクォータ
なし
呼び出しあたりのトークン
通常のコード生成より多い — 追加の解説パスによりトークン数がおよそ2倍になります
金額
無料
ヒント
重要なコードにのみ使用し、繰り返しのボイラープレートにはスキップしてください。

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: なし
データ送信先: ローカルプロンプトのみ。コードは通常の操作と同様にClaude APIに送信されます

トラブルシューティング

よくあるエラーと対処法

解説がコードの単なる言い換えになっている

代替案と落とし穴について明示的にプロンプトしてください。Claudeはデフォルトで言い換えになることがあります

スキルがトリガーされない

名前で呼び出し、プロンプトに「antivibe style」と明記してください

確認: ls ~/.claude/skills/antivibe/SKILL.md

代替案

antivibe 他との比較

代替案代わりに使う場面トレードオフ
Native Claude Code without skillその場限りの教育リクエスト一貫性がない。毎回のプロンプト次第
Reading docs + pair programming本格的な習得を目指すとき時間がかかるが、質は高い

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る