mcpField
C
CodeCrafted Design

CodeCrafted Design

远程服务
design.codecrafted.co.uk开发工具015 周前更新

关于 CodeCrafted Design

CodeCrafted Design 为 AI 编码 Agent 提供贯穿网站和产品界面规划、构建与审查的持久化流程。它以用户主导的设计决策、明确审批和基于证据的实现审查为核心。

主要功能

  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 编码 Agent 提供由用户主导的持久化流程,用于规划、构建和评审网站及产品界面。

MCP Registry 名称:uk.co.codecrafted/design

连接你的 Agent

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/。

可选 Agent 技能

codecrafted-design 技能为兼容的 Agent 提供推荐的简报、方向、构建和评审工作流。MCP 服务无需此技能也能运行。

将解压后的文件夹安装到 Agent 支持的位置:

.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 发布

此仓库是托管远程服务的发布源。发布平台版本前,必须同步协议清单、发布清单和技能:

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

发布须通过匹配的版本标签、官方 Registry 验证、实时端点版本/工具检查,以及对 codecrafted.co.uk 的域名所有权验证。完整的首次发布和自动发布流程请参阅 REGISTRY.md。

仓库边界

此仓库包含公开的 Registry 元数据、同步的协议契约、客户端配置、工具文档和可安装的 Agent 技能。不包含专有的托管服务、设计目录、客户数据、部署配置或运营机密。

请参阅 NOTICE.md 和 SECURITY.md。CodeCrafted Design 由 CodeCrafted Ltd 运营,公司编号为 17265819。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。