Design MCPFree during launch
Clear design direction
for AI agents.
Find a proven site structure and visual style, then give your agent a clear plan it can build from.
https://design.codecrafted.co.uk/mcp
D/PLAN
100StructuresWhat to build
175StylesHow it should feel
01Build planWhat the agent follows
100site structures
175visual styles
11MCP tools
Freeduring launch
How it works
From an idea to a clear build plan.
Design MCP guides the choices that usually get lost between a brief and the finished interface.
- 01Find
Choose a site structure
Start with the pages, content and user journey your product actually needs.
- 02Shape
Choose a visual style
Select a compatible direction without weakening accessibility or performance.
- 03Build
Create the plan
Give your agent the layouts, components, design values and checks it should follow.
What you get
A plan your agent can use.
Every result explains the chosen structure and style in practical terms, so the agent has more than a visual reference.
- Pages and content structure
- Visual direction and reusable design values
- Accessibility and performance requirements
- Checks to complete before launch
- Structure
- Technology product website
- Style
- Swiss / International
- Includes
- Pages, components, design values and responsive rules
- Checks
- Accessibility, performance and reduced motion
Clear choicesPractical outputReady for agents
Optional agent skill
Help your agent use Design MCP properly.
The free skill gives your agent a simple order to follow: structure first, style second, then check the result.
codecrafted-designDownload the skill →