Understand
Turn the website brief, audience and goals into clear requirements.
A CodeCrafted product / Design MCP
Give your agent a better starting point.
Connect your AI coding agent, choose a direction and get a complete design plan it can build from.
BRIEF01
+DIRECTION02
→BUILD PLAN03
What it does
Turns a brief into a usable design system.
Design MCP helps an agent choose the right page structure, style and colour palette before implementation begins.
It then returns component guidance and checks the finished result against those decisions, reducing generic layouts and inconsistent interfaces.
A logical design workflow
Choose
Select a suitable site structure, visual style and accessible colour palette.
Build
Give the agent practical tokens, components and responsive guidance.
Review
Check the implementation and surface decisions that still need attention.
24workflow tools
100website archetypes
1,000colour palettes
Freepublic access
Use it where you work
Built for MCP-capable agents.
Use Design MCP with Claude Code, Codex, OpenCode and other clients that support remote MCP servers.
Sign in for OAuth, or use an API key for CI and automated workflows. The dedicated product website contains the current connection instructions.
Hosted at design.codecrafted.co.uk