CodeCrafted Design
About
CodeCrafted is an MCP server that gives AI coding agents a structured process for planning, building, and reviewing websites.
Details
- Author
- codecrafted-uk
- Categories
- Design, Developer Tools, Other
Jump to
Setup
Install CodeCrafted Design in your MCP client (Claude Desktop, Cursor, Windsurf, and others).
Repository: https://github.com/codecrafted-uk/cc-design-mcp
Follow the installation instructions in the repository README, then restart your MCP client.
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
claude mcp add --transport http --scope user codecrafted-design https://design.codecrafted.co.uk/mcp claude mcp login codecrafted-design
codex mcp add codecrafted-design --url https://design.codecrafted.co.uk/mcp codex mcp login codecrafted-design
Addclients/opencode.jsonto your OpenCode configuration, then run:
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; seeclients/generic-mcp.json.
Ready-made configuration files are inclients/.
Install the extracted folder in a location supported by your 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
Download:https://design.codecrafted.co.uk/downloads/codecrafted-design-skill.zip
- 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 inTOOLS.md.
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:
npm run sync -- ..\design-platform npm run check
Publication is gated by the matching version tag, official Registry validation, a live endpoint version/tool check and domain ownership ofcodecrafted.co.uk. SeeREGISTRY.mdfor the complete first-publication and automated-release process.
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.
SeeNOTICE.mdandSECURITY.md. CodeCrafted Design is operated by CodeCrafted Ltd, company number 17265819.
Integrates Google's Gemini for advanced codebase analysis, web search, and processing of text, PDFs, and images.
An AI-assisted web development tool for creating, modifying, and deploying code through natural language conversations.
An AI-powered documentation server for code improvement and management, with Claude and Brave Search integration.
A comprehensive toolkit for AI-driven development, offering file system operations, code analysis, execution, web searching, and system information retrieval.
Real interaction references and motion recipes for AI coding agents.
Edit your Church website with ChatGPT or Claude
Since AI can write code, it can also maintain structured architecture diagrams for your team. DiagramGuru is the MCP tool that lets AI agents create, update, and evolve your C4 architecture — automatically.
MCP server for igniteui-theming - a set of Sass mixins, functions, and variables used to create themes for a variety of web UI frameworks.
Gives AI coding agents real design taste, so AI-built sites stop looking AI-generated.
Build better interfaces with TypeUI design systems, UI prompts, and layout variations.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
