Nutlope/inspo

Real websites for your coding agent to learn design from, searchable over MCP.

解決する課題

エージェントは、視覚的に魅力的なユーザーインターフェースを構築するために必要なデザインの「センス」が不足していることがよくあります。Inspoは、コーディングエージェントに学習と参照のための厳選された実在のプロダクションサイトのライブラリを提供し、機能的なコードと高品質なデザインの間のギャップを埋めます。

仕組み

これはModel Context Protocol (MCP) サーバーとして動作し、832のサイトから収集された2,300ページ以上の膨大なアーカイブへのアクセスをエージェントに提供します。システムは、カラーパレット、フォント、スペーシングスケール、CSS変数などのデザイントークンを抽出し、ページごとの「セクション別解剖」を提供します。また、コピー＆ペースト可能なJSXを含む68の標準的なリファレンスコンポーネントも含まれています。エージェントは recommend ツールを使用して、プロジェクトの概要に基づいたデザインの提案を得ることができます。

対象ユーザー

AIコーディングエージェント（Claude Code、Cursor、Windsurf、Zedなど）を使用しており、生成されるUIをプロフェッショナルでプロダクションレディな見た目にしたい開発者。

ハイライト

  • 広範なアーカイブ: デスクトップおよびモバイルでキャプチャされた数千ページにアクセス可能。
  • デザイン抽出: 各サイトのセマンティックなパレットロール、タイプランプ、コンテナ幅を自動的に抽出し、DESIGN.md に出力。
  • 簡単な統合: npx を介した主要なAI IDEおよびエージェントへのワンコマンドインストール。
  • セマンティック検索: Together AI の埋め込み技術を使用して find_similar およびレコメンデーションツールを強化。

関連

  • プロジェクト
    zenstory-ai/novel-to-game

    NovelToGameは、完全な小説を、完全なデザイン文書と単一実行QAを備えたプレイ可能なソース基盤型ゲーム（Webブラウザまたは3D）に変換するオープンソースのAIエージェントスキルセットです。Claude Code、Codex、またはKimi Codeで動作し、バンドルされたエンジンを必要とせず、すべてのメカニクスの引用を元のテキストに記録します。

  • プロジェクト
    suboss87/FDEOps

    FDEOps は、前方展開エンジニア向けに 35 の「タスクスキル」プロンプトを提供する Node‑JS CLI です。既存の AI コーディングアシスタントと統合し、戦略、アーキテクチャ、エンジニアリング作業を構造化し、すべての顧客コンテキストをローカルの Markdown ファイルに保存し、完全にオフラインで動作します。

  • プロジェクト
    OleksandrChekhovskyi/hax

    haxはC言語で書かれた軽量でターミナルネイティブなコーディングアシスタントです。単純なREPLまたはワンショットモードで多くのLLMプロバイダー（ローカルのllama.cppやOllamaを含む）と通信し、バイナリサイズを小さく保ち、メモリ使用量を低くし、リクエスト/レスポンスのトランスクリプトを完全に透明化します。

  • プロジェクト
    getsentry/toolkit

    Sentry Toolkit は、AI コーディングアシスタントが Sentry エラートラッキングプラットフォームと通信できるようにするオープンソースのツールセット（CLI、MCP サーバー、共有ライブラリ）です。エラー/検索、検査、トリアージなどのスキルを公開する Model-Context-Protocol（MCP）サービスを実装しています。サーバーはリモート（https://mcp.sentry.dev でホスト）または stdio トランスポートを介してローカルで実行でき、セルフホスト型 Sentry に対応します。AI 搭載の検索ツールには LLM プロバイダー（OpenAI、Anthropic、Azure OpenAI、OpenRouter）が必要です。リポジトリには完全なドキュメント、ローカル開発セットアップ、テストスクリプトが含まれています。