d-zero-dev
MCP Serverd-zero-devpublic

mcp server

D-Zero frontend coding MCP server

Repository Info

12
Stars
1
Forks
12
Watchers
16
Issues
TypeScript
Language
MIT License
License

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

1

Clone the repository

git clone https://github.com/d-zero-dev/mcp-server
2

Install dependencies

cd mcp-server
npm install
3

Follow the documentation

Check the repository's README.md file for specific installation and usage instructions.

Repository Details

Ownerd-zero-dev
Repomcp-server
LanguageTypeScript
LicenseMIT License
Last fetched8/10/2025

Recommended MCP Servers

💬

Discord MCP

Enable AI assistants to seamlessly interact with Discord servers, channels, and messages.

integrationsdiscordchat
🔗

Knit MCP

Connect AI agents to 200+ SaaS applications and automate workflows.

integrationsautomationsaas
🕷️

Apify MCP Server

Deploy and interact with Apify actors for web scraping and data extraction.

apifycrawlerdata
🌐

BrowserStack MCP

BrowserStack MCP Server for automated testing across multiple browsers.

testingqabrowsers

Zapier MCP

A Zapier server that provides automation capabilities for various apps.

zapierautomation