Slopwatch

🚀 SlopWatch - AIアカウンタビリティMCPサーバー

AIが実装したことについて嘘をつくのを防ぎましょう！ AIが主張することと実際に行うことを追跡します。

🚀 v2.7.0の新機能

✨ 超軽量レスポンス - 出力の冗長性を90%削減
🔄 統合ツール - 2つの別々のツールの代わりに1回の呼び出しで済む
⚡ シームレスなワークフロー - AIペアプログラミングに最適
🎯 Cursor MCP互換 - Cursor IDEとシームレスに連携

🤔 なぜSlopWatchなのか？

AIが "関数にエラーハンドリングを追加しました" と言っているのに、実際には追加されていないことはありませんか？ または、コメントを追加しただけで "ユーザー認証を実装しました" と主張することはありませんか？

SlopWatchはAIの嘘をリアルタイムで検出します。

⚡ クイックスタート

🎯 オプション1: Smithery（最も簡単 - 1クリックインストール）

1. smithery.ai/server/@JoodasCode/slopwatchにアクセスします。
2. "Install to Cursor" または "Install to Claude" をクリックします。
3. 完了！ ✨

Smitheryがホスティング、認証、および更新を自動的に処理します

🔧 オプション2: NPM直接インストール（手動設定）

Cursor IDE用:

{
  "mcpServers": {
    "slopwatch": {
      "command": "npx",
      "args": ["slopwatch-mcp-server"]
    }
  }
}

Cursorの手動設定:

1. Cursorの設定を開きます（Macでは Cmd+Shift+J、Windowsでは Ctrl+Shift+J）。
2. Features → Model Context Protocolに移動します。
3. "Add New MCP Server" をクリックします。
4. 以下のように設定します:
   • 名前: SlopWatch
   • タイプ: stdio
   • コマンド: npx slopwatch-mcp-server

Claude Desktop用: claude_desktop_config.json に以下を追加します:

{
  "mcpServers": {
    "slopwatch": {
      "command": "npx",
      "args": ["slopwatch-mcp-server"]
    }
  }
}

グローバルなNPMインストール:

npm install -g slopwatch-mcp-server

💻 使用例

基本的な使用法

AIが何かを実装し、それを検証したい場合に最適です：

// AIがコードを実装し、1回の呼び出しで検証します：
slopwatch_claim_and_verify({
  claim: "calculateSum関数に入力検証を追加する",
  originalFileContents: {
    "utils/math.js": "function calculateSum(a, b) { return a + b; }"
  },
  updatedFileContents: {
    "utils/math.js": "function calculateSum(a, b) {\n  if (typeof a !== 'number' || typeof b !== 'number') {\n    throw new Error('Invalid input');\n  }\n  return a + b;\n}"
  }
});

// レスポンス: "✅ PASSED (87%)"

高度な使用法

実装する前に主張を登録したい場合に使用します：

// ステップ1: 主張を登録する
slopwatch_claim({
  claim: "ユーザーログインにエラーハンドリングを追加する",
  fileContents: {
    "auth.js": "function login(user) { return authenticate(user); }"
  }
});
// レスポンス: "Claim ID: abc123"

// ステップ2: 実装後に検証する
slopwatch_verify({
  claimId: "abc123",
  updatedFileContents: {
    "auth.js": "function login(user) {\n  try {\n    return authenticate(user);\n  } catch (error) {\n    throw new Error('Login failed');\n  }\n}"
  }
});
// レスポンス: "✅ PASSED (92%)"

🛠️ 利用可能なツール

🎯 Cursor IDEとの統合

SlopWatchは、Cursor IDE とAIペアプログラミングに特化して設計されています：

自動検出

• AIが機能を実装すると主張したときに検出します。
• 自動的に検証を提案します。
• CursorのComposerとシームレスに統合されます。

スマートなワークフロー

1. AI: "関数にエラーハンドリングを追加します"
2. SlopWatch: 自動的に主張を追跡します
3. AI: コードを実装します
4. SlopWatch: 実装が主張と一致するか検証します
5. 結果: ✅ PASSED (92%) または ❌ FAILED (23%)

適用シーン

• コードレビュー - AIが主張したことを実際に実装したか検証する
• ペアプログラミング - 開発中のリアルタイムアカウンタビリティ
• 学習 - AIが実際に行うことと言うことの違いを理解する
• 品質保証 - バグになる前に実装のギャップを検出する

💡 実際の使用例

例1: APIエンドポイントの強化

// AIが言う: "APIエンドポイントにレート制限を追加します"

slopwatch_claim_and_verify({
  claim: "/api/usersエンドポイントにレート制限ミドルウェアを追加する",
  originalFileContents: {
    "routes/users.js": "app.get('/api/users', (req, res) => { ... })"
  },
  updatedFileContents: {
    "routes/users.js": "const rateLimit = require('express-rate-limit');\nconst limiter = rateLimit({ windowMs: 15*60*1000, max: 100 });\napp.get('/api/users', limiter, (req, res) => { ... })"
  }
});
// 結果: "✅ PASSED (94%)"

例2: Reactコンポーネントの更新

// AIが主張する: "CSS Gridを使用してレスポンシブデザインを追加しました"

slopwatch_claim_and_verify({
  claim: "UserCardコンポーネントをCSS Gridを使用してレスポンシブにする",
  originalFileContents: {
    "components/UserCard.jsx": "const UserCard = () => <div className=\"user-card\">...</div>"
  },
  updatedFileContents: {
    "components/UserCard.jsx": "const UserCard = () => <div className=\"user-card grid-responsive\">...</div>",
    "styles/UserCard.css": ".grid-responsive { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; }"
  }
});
// 結果: "✅ PASSED (89%)"

📊 アカウンタビリティの統計

時間の経過とともにAIの誠実さを追跡します：

slopwatch_status();
// 返り値: "Accuracy: 95% (19/20)"

• 正確度スコア: 実際に実装された主張の割合
• 主張回数: 追跡された実装主張の総数
• 成功率: AIが約束したことを実現する頻度

🔧 高度な設定

.cursorrulesによる自動エンフォースメント

自動アカウンタビリティルールを生成します：

slopwatch_setup_rules();

これにより、すべてのAI実装に対してSlopWatchの検証を自動的に適用する .cursorrules ファイルが作成されます。

カスタム検証

SlopWatchは以下を分析します：

• ファイルの変更 - ファイルが実際に変更されたか？
• コード内容 - 新しいコードが主張と一致するか？
• 実装パターン - 適切なパターン/ライブラリが使用されているか？
• キーワードマッチング - コードに関連するキーワードが含まれているか？

🚀 なぜSlopWatchを選ぶべきか？

開発者向け

• バグになる前にAIの嘘を検出する
• AIが実際に行うことを見ることでより速く学ぶ
• 自動検証によりコードの品質を向上させる
• 効率的なアカウンタビリティ管理で時間を節約する

チーム向け

• チームメンバー間でAIとのやり取りを標準化する
• 時間の経過とともにAIの信頼性を追跡する
• AI実装のギャップによるデバッグを減らす
• AI支援開発に対する信頼を築く

Cursorユーザー向け

• CursorのComposerとネイティブ統合する
• シームレスなワークフロー - コンテキストの切り替えが不要
• 開発中のリアルタイムフィードバック
• 超軽量レスポンス - 冗長な出力がない

🎯 Cursorでの始め方

1. 上記の方法のいずれかを使用してSlopWatchをインストールします。
2. Cursorを開き、Composerで新しいチャットを開始します。
3. AIに何かを実装するように依頼します: "関数に入力検証を追加して"
4. SlopWatchが動作するのを見てください: 自動的に主張を追跡し、検証します。
5. 即座にフィードバックを受け取ります: ✅ PASSED (87%) または ❌ FAILED (23%)

🔍 トラブルシューティング

一般的な問題:

• ツールが表示されない: インストール後にCursorを再起動してください。
• 検証に失敗した: ファイルが実際に変更されたか確認してください。
• NPMエラー: npm cache clean --force を試して、再度インストールしてください。

デバッグモード:

環境変数に DEBUG=true を設定することで、詳細なログを有効にします。

📈 ロードマップ

• [ ] アカウンタビリティメトリクスのビジュアルダッシュボード
• [ ] Gitとの統合によるコミット検証
• [ ] 複数開発者プロジェクトのチーム分析
• [ ] 特定のフレームワーク用のカスタム検証ルール
• [ ] 他のエディター用のIDE拡張機能

🤝 コントリビューション

コントリビューションを歓迎します！ 詳細については、コントリビューションガイド を参照してください。

📝 ライセンス

MITライセンス - 詳細については LICENSE を参照してください。

🌟 サポート

• GitHubの問題追跡: バグを報告または機能をリクエストする
• ドキュメント: 完全なドキュメントと例
• コミュニティ: 議論に参加する

❤️ Cursorコミュニティのために作られました

AIが実装したことについて嘘をつくのを防ぎましょう。今日からSlopWatchを使い始めましょう！