Daisyui MCP

🌼 DaisyUI MCP Server

DaisyUIコンポーネントドキュメント用のトークンに優しいローカルMCPサーバー

AIアシスタントにDaisyUIを使って美しいUIを構築する力を与えましょう 🚀

🚀 クイックスタート

このDaisyUI MCPサーバーは、AIアシスタントがDaisyUIコンポーネントを利用するためのトークンに優しいローカルサーバーです。以下のセクションで、機能、インストール、使用方法などを説明します。

✨ 主な機能

• 🎯 トークン効率化 — MCPツールを介して関連するコンテキストのみを公開し、貴重なトークンを節約します。
• 📚 60以上のコンポーネント — DaisyUIのコンポーネントライブラリを完全に網羅しています。
• 🔄 自動更新可能 — 1つのコマンドでいつでも最新のドキュメントを取得できます。
• ✏️ カスタマイズ可能 — 独自のコンポーネントドキュメントを編集または追加して、プロジェクトに合わせることができます。
• ⚡ 高速かつ軽量 — FastMCPを使用して構築され、最適なパフォーマンスを実現します。

🔧 技術詳細

🛠️ MCPツール

このサーバーは、AIアシスタントが使用できる2つのツールを公開しています。

💡 コンポーネントのドキュメントは、daisyui.com/llms.txtから取得され、ローカルにマークダウンファイルとして保存されます。これにより、独自のカスタムコンポーネントを追加したり、既存のコンポーネントを好みやプロジェクトのニーズに合わせて編集することもできます。

💻 使用例

基本的な使用法

AIアシスタントに以下のような質問を試してみてください。

"What DaisyUI components are available?"

"Implement a responsive card grid using DaisyUI"

"How does the modal component work? Show me an example"

📦 インストール

1. リポジトリをクローンする

git clone https://github.com/birdseyevue/daisyui-mcp.git
cd daisyui-mcp

2. 仮想環境を作成する（推奨）

python -m venv venv

# Windows
venv\Scripts\activate

# macOS/Linux
source venv/bin/activate

3. 依存関係をインストールする

pip install -r requirements.txt

🚀 使用方法

初回セットアップ

初回実行時、MCPサーバーにはコンポーネントのドキュメントがありません。以下のコマンドを実行して取得します。

python update_components.py

これにより、DaisyUIから最新のllms.txtが取得され、/componentsにすべてのマークダウンファイルが生成されます。

サーバーを起動する

python mcp_server.py

コンポーネントドキュメントを更新する

DaisyUIが新しいコンポーネントをリリースしたり、ドキュメントを更新した場合は、以下のコマンドを実行します。

python update_components.py

⚙️ 設定

AIアシスタントの設定にMCPサーバーを追加します。

{
  "servers": {
    "daisyui": {
      "command": "<path-to-repo>/venv/Scripts/python.exe",
      "args": ["<path-to-repo>/mcp_server.py"]
    }
  }
}

{
  "servers": {
    "daisyui": {
      "command": "C:/Users/username/Downloads/fastmcp/venv/Scripts/python.exe",
      "args": ["C:/Users/username/Downloads/fastmcp/mcp_server.py"]
    }
  }
}

{
  "servers": {
    "daisyui": {
      "command": "/home/username/fastmcp/venv/bin/python",
      "args": ["/home/username/fastmcp/mcp_server.py"]
    }
  }
}

📚 ドキュメント

📁 プロジェクト構造

fastmcp/
├── 🐍 mcp_server.py          # The MCP server
├── 🔄 update_components.py   # Script to fetch/update component docs
├── 📋 requirements.txt       # Dependencies (just fastmcp)
└── 📂 components/            # Markdown files for each component
    ├── button.md
    ├── card.md
    ├── modal.md
    ├── table.md
    └── ... (60+ components)

❗ 免責事項

注意: DaisyUIには、プレミアム機能を備えた公式のBlueprint MCP（ライフタイムで600ドル）があります。

このプロジェクトはそれではありません。公開されているドキュメントを使用した無料のDIY代替案です。

• ✅ 追加機能はありません
• ✅ 競合するものではありません
• ✅ ただ自分が共有したいと思った個人用ツールです！

プレミアム機能を備えた公式の体験を望む場合は、DaisyUIのBlueprint MCPを購入してサポートすることを検討してください！

🤝 コントリビューション

コントリビューションは歓迎されます！自由に以下のことを行ってください。

• 🐛 バグを報告する
• 💡 新機能を提案する
• 📝 ドキュメントを改善する
• 🔧 プルリクエストを送信する

📄 ライセンス

このプロジェクトはMITライセンスの下でライセンスされています。詳細については、LICENSEファイルを参照してください。

自由に使用、修正、配布できます！楽しんでください！ 🎉