
mcp server
D-Zero frontend coding MCP server
Repository Info
About This Server
D-Zero frontend coding MCP server
Model Context Protocol (MCP) - This server can be integrated with AI applications to provide additional context and capabilities, enabling enhanced AI interactions and functionality.
Documentation
ディーゼロ開発環境用 MCPサーバー
D-ZEROフロントエンド開発環境用のModel Context Protocol(MCP)サーバーです。 以下の機能を提供します:
- Figmaデータの取得: FigmaファイルやノードのデータをAPIを通じて取得
- コーディングガイドラインの提供: D-ZEROのフロントエンド開発規約の提供
- CLINEとの統合: CLINEのMCPサーバーとして動作し、AIアシスタントとの対話をサポート
このサーバーを使用することで、開発者はFigmaデザインの参照やコーディング規約の確認をAIアシスタントとの会話を通じて行うことができます。
cline_mcp_settings.json
CLINEの「MCP Servers」設定から、「Installed」タブを選択し、Configure MCP Serversでcline_mcp_settings.jsonファイルを編集します。
{
"mcpServers": {
"coding_guidelines": {
"command": "npx",
"args": ["-y", "@d-zero/mcp-server"],
"env": {
"FIGMA_ACCESS_TOKEN": "abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
},
"disabled": false,
"autoApprove": []
}
}
}
@d-zero/mcp-serverパッケージの実行に失敗する場合は、グローバルにインストールしてフルパスを指定してください(参考Issue)。
Figmaのアクセストークンは https://www.figma.com/developers/api#access-tokens から取得してください。
Contribution
このMCPサーバー自体の開発には.envファイルが必要です。
# Figma API設定
FIGMA_ACCESS_TOKEN=abcd_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
# テスト用のFigma URL
FIGMA_TEST_URL=https://www.figma.com/file/abcdef123456/FileName
Quick Start
Clone the repository
git clone https://github.com/d-zero-dev/mcp-serverInstall dependencies
cd mcp-server
npm installFollow the documentation
Check the repository's README.md file for specific installation and usage instructions.
Repository Details
Recommended MCP Servers
Discord MCP
Enable AI assistants to seamlessly interact with Discord servers, channels, and messages.
Knit MCP
Connect AI agents to 200+ SaaS applications and automate workflows.
Apify MCP Server
Deploy and interact with Apify actors for web scraping and data extraction.
BrowserStack MCP
BrowserStack MCP Server for automated testing across multiple browsers.
Zapier MCP
A Zapier server that provides automation capabilities for various apps.