关于 CodeCrafted Design
CodeCrafted Design 为 AI 编码 Agent 提供贯穿网站和产品界面规划、构建与审查的持久化流程。它以用户主导的设计决策、明确审批和基于证据的实现审查为核心。
主要功能
- 01持久化项目简报与路线蓝图
- 02经审批的设计方向探索
- 03组合式页面结构与视觉基础
- 04可移植设计令牌
- 05基于证据的实现审查与修正
适用场景
- 01从项目简报规划网站界面
- 02审批或调整设计方向
- 03为组件选择布局与交互变体
- 04检查实现并据证据修正
MCP 相关
提供远程 MCP 服务,供 MCP 客户端连接;服务暴露用于设计规划、构建和审查的工具。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://design.codecrafted.co.uk/mcpclaude mcp add --transport http uk-co-codecrafted-design https://design.codecrafted.co.uk/mcp{"mcpServers":{"uk-co-codecrafted-design":{"type":"http","url":"https://design.codecrafted.co.uk/mcp"}}}在 Cursor 中打开{"servers":{"uk-co-codecrafted-design":{"type":"http","url":"https://design.codecrafted.co.uk/mcp"}}}在 VS Code 中打开{"mcpServers":{"uk-co-codecrafted-design":{"type":"http","url":"https://design.codecrafted.co.uk/mcp"}}}{"mcpServers":{"uk-co-codecrafted-design":{"serverUrl":"https://design.codecrafted.co.uk/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
CodeCrafted Design MCP
CodeCrafted Design 2.4 为 AI 编码 Agent 提供由用户主导的持久化流程,用于规划、构建和评审网站及产品界面。
MCP Registry 名称:uk.co.codecrafted/design
- 网站:https://design.codecrafted.co.uk
- 设置:https://design.codecrafted.co.uk/docs
- MCP 端点:
https://design.codecrafted.co.uk/mcp - 免费账户:https://design.codecrafted.co.uk/register
连接你的 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。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。