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 分

    請在儲存庫或註冊中心條目中宣告授權條款。