mcpField
C
CodeCrafted Design

CodeCrafted Design

リモート
design.codecrafted.co.uk開発ツール015 週間前に更新
リポジトリ公式サイト

CodeCrafted Design について

CodeCrafted Designは、AIコーディングエージェント向けに、Webサイトや製品インターフェースの計画・構築・レビューを継続的に進める仕組みです。ユーザー主導の判断、明示的な承認、根拠に基づく実装レビューが特徴です。

主な機能

  1. 01永続的なプロジェクト概要とルート設計
  2. 02承認を伴うデザイン案の検討
  3. 03組み合わせ可能な構造とビジュアル基盤
  4. 04ポータブルなデザイントークン
  5. 05根拠に基づく実装レビューと修正

活用シーン

  1. 01プロジェクト概要から画面を計画
  2. 02デザイン案を承認または調整
  3. 03コンポーネントのレイアウトと操作方法を選択
  4. 04根拠に基づいて実装をレビュー・修正

MCP 対応

MCP クライアント向けのリモート MCP サーバーを提供し、設計計画、構築、レビュー用のツールを公開します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://design.codecrafted.co.uk/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

CodeCrafted Design MCP

CodeCrafted Design 2.4 は、AI コーディングエージェントがウェブサイトや製品インターフェースの計画、構築、レビューを行うための、ユーザー主導の継続的なプロセスを提供します。

MCP Registry 名：uk.co.codecrafted/design

エージェントを接続する

Claude Code
claude mcp add --transport http --scope user codecrafted-design https://design.codecrafted.co.uk/mcp
claude mcp login codecrafted-design
Codex
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcp
codex mcp login codecrafted-design
OpenCode

clients/opencode.json を OpenCode の設定に追加し、次を実行します。

opencode mcp auth codecrafted-design
その他の MCP クライアント

Cursor、VS Code、Zed、Gemini CLI など、リモートまたは Streamable HTTP MCP サーバーに対応するその他のクライアントでも、同じエンドポイントを使用できます。OAuth 対応クライアントでは、サインインが自動的に検出されます。CI や OAuth に対応していないクライアントでは、API キーを Bearer トークンとして使用してください。詳細は clients/generic-mcp.json を参照してください。

すぐに使える設定ファイルは clients/ にあります。

オプションのエージェントスキル

codecrafted-design スキル は、対応するエージェントに、推奨されるブリーフ、方向性の策定、構築、レビューのワークフローを提供します。このスキルがなくても MCP サービスは動作します。

展開したフォルダーを、エージェントがサポートする場所にインストールしてください。

.agents/skills/codecrafted-design/          portable project location
.claude/skills/codecrafted-design/          Claude-compatible project location
.opencode/skills/codecrafted-design/        OpenCode project location
~/.codex/skills/codecrafted-design/         Codex personal location

ダウンロード先：https://design.codecrafted.co.uk/downloads/codecrafted-design-skill.zip

サービスが提供するもの

  • 永続的なプロジェクトブリーフ、ルートの設計図、簡潔な継続状態。
  • 明示的な承認、調整、取り消しが可能な、変更を加えないデザイン方向性の検討。
  • 組み合わせ可能なサイトおよび製品の構成、ビジュアルの基盤、セマンティックな色の役割。
  • 不変のコンポーネント契約と、ユーザーが選択するレイアウト、プレゼンテーション、インタラクションのバリエーション。
  • ポータブルなデザイントークン。
  • エビデンスに基づく実装レビューと修正のサイクル。

公開される正確な 30 個のツール一覧は、同期されたプロトコルインベントリから TOOLS.md に生成されます。

MCP Registry への公開

このリポジトリは、ホスト型リモートサーバーの公開元です。Registry のバージョンを公開する前に、プラットフォームのリリースに合わせて、プロトコルインベントリ、リリースマニフェスト、スキルを同期する必要があります。

npm run sync -- ..\design-platform
npm run check

公開には、一致するバージョンタグ、公式 Registry による検証、稼働中のエンドポイントに対するバージョンおよびツールの確認、codecrafted.co.uk のドメイン所有権が必要です。初回公開と自動リリースの全手順については、REGISTRY.md を参照してください。

リポジトリの範囲

このリポジトリには、公開 Registry メタデータ、同期されたプロトコル契約、クライアント設定、ツールのドキュメント、インストール可能なエージェントスキルが含まれます。専有のホスト型サーバー、デザインカタログ、顧客データ、デプロイ設定、運用上のシークレットは含まれません。

NOTICE.md と SECURITY.md を参照してください。CodeCrafted Design は、会社番号 17265819 の CodeCrafted Ltd が運営しています。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。