CodeCrafted Design

uk.co.codecrafted由 codecrafted.co.uk 发布官方发布者v2.4.0更新于 Oct 24, 2026

Guide user-led frontend design decisions from project brief through implementation review.

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

托管式 MCP 服务，引导 AI 编程助手以用户主导的方式完成前端设计，从项目简报到实现审查。

可以做什么
  • 规划并保存持久的项目简报、路由蓝图与精简的续接状态
  • 以非破坏性方式探索设计方向，支持明确批准、调整与撤销
  • 组合站点与产品结构、视觉基础与语义化色彩角色
  • 应用固定的组件契约，并配合用户选择的布局、呈现与交互变体
  • 生成可移植的设计令牌
  • 执行基于证据的实现审查与修正循环
适用场景
当助手在构建或审查网站、产品界面，而你希望采用结构化、用户主导的流程而非临时决定样式，并让决策跨会话延续时适用。
运行要求
远程 Streamable HTTP 端点；需要 OAuth 登录并拥有免费账户。不支持 OAuth 的客户端（如 CI）可使用 API 密钥作为 Bearer 令牌。可选安装代理技能，但并非必需。
安装前请注意
登录后服务可访问你的设计项目；项目简报与续接状态保存在托管服务上。用作 Bearer 令牌的 API 密钥属于凭据，应避免放入共享配置。托管服务器本身为专有软件，不在公开仓库中。

安装

在 SourceWeft 中

  1. 打开 控制台中的 CodeCrafted Design，将其添加到工作区。
  2. 连接 所需的 凭据。它们会被私密存储，绝不会在公开页面上展示。
  3. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/uk.co.codecrafted%2Fdesign/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。 客户端会在首次连接时完成 OAuth 登录。

{
  "mcpServers": {
    "codecrafted-design": {
      "type": "http",
      "url": "https://design.codecrafted.co.uk/mcp"
    }
  }
}

README

CodeCrafted Design MCP

CodeCrafted Design 2.4 gives AI coding agents a persistent, user-led process for planning, building and reviewing websites and product interfaces.

MCP Registry name: uk.co.codecrafted/design

Connect your agent

Claude Code

bash
claude mcp add --transport http --scope user codecrafted-design https://design.codecrafted.co.uk/mcpclaude mcp login codecrafted-design

Codex

bash
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcpcodex mcp login codecrafted-design

OpenCode

Add clients/opencode.json to your OpenCode configuration, then run:

bash
opencode mcp auth codecrafted-design

Other MCP clients

Cursor, VS Code, Zed, Gemini CLI and other clients supporting remote or Streamable HTTP MCP servers can use the same endpoint. OAuth-capable clients discover sign-in automatically. For CI or a client without OAuth, use an API key as a Bearer token; see clients/generic-mcp.json.

Ready-made configuration files are in clients/.

Optional agent skill

The codecrafted-design skill gives compatible agents the recommended brief, direction, build and review workflow. The MCP service works without it.

Install the extracted folder in a location supported by your agent:

text
.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

Download: https://design.codecrafted.co.uk/downloads/codecrafted-design-skill.zip

What the service provides

  • persistent project briefs, route blueprints and compact continuation state;
  • non-mutating design-direction exploration with explicit approval, adjustment and undo;
  • composable site and product structures, visual foundations and semantic colour roles;
  • invariant component contracts plus user-selected layout, presentation and interaction variants;
  • portable design tokens; and
  • an evidence-based implementation review and correction loop.

The exact 30-tool public surface is generated from the synchronized protocol inventory in TOOLS.md.

MCP Registry publication

This repository is the publication source for the hosted remote server. Platform releases must synchronize the protocol inventory, release manifest and skill before a Registry version is published:

powershell
npm run sync -- ..\design-platformnpm run check

Publication is gated by the matching version tag, official Registry validation, a live endpoint version/tool check and domain ownership of codecrafted.co.uk. See REGISTRY.md for the complete first-publication and automated-release process.

Repository boundary

This repository contains public Registry metadata, synchronized protocol contracts, client configuration, tool documentation and the installable agent skill. It does not contain the proprietary hosted server, design catalogue, customer data, deployment configuration or operational secrets.

See NOTICE.md and SECURITY.md. CodeCrafted Design is operated by CodeCrafted Ltd, company number 17265819.

来源：README.md，提交 0428d9d

工具

0
该服务器需要登录，因此 SourceWeft 无法在没有账号的情况下读取其工具，也未收录。已连接账号所能看到的内容可能因账号及其权限而异。

版本历史

1
  1. v2.4.0最新Sep 16, 2026

评分

已满足适用检查项的 75%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

    请在仓库或注册中心条目中声明许可证。