Clear order
The agent chooses the site structure before deciding how it should look.
Agent skill
Help your agent use
Design MCP well.
The free skill gives your agent a clear process for choosing a structure, selecting a style and checking the finished result.
What it does
A simple, repeatable process.
Safe choices
Accessibility, privacy and performance requirements stay in place.
Useful checks
The agent compares its work with the plan without claiming that automated checks replace real testing.
Installation
Install the skill.
Download and extract
Extract the codecrafted-design folder without renaming it.
Add it to your agent
Move the folder into your agent host's skills directory or use its skill installer.
Connect Design MCP
Add the hosted endpoint with your API key, then reload the agent host.
Codex - PowerShell
Expand-Archive .\codecrafted-design-skill.zip -DestinationPath "$HOME\.codex\skills" -Force
Expected folder
codecrafted-design/
|-- SKILL.md
|-- agents/
| `-- openai.yaml
`-- references/
`-- workflow.md
Your agent host controls where API keys and server settings are stored.