MCP server + agent skills that make Claude Code, Cursor, Codex & OpenCode design like a senior UI/UX team: site design DNA, motion that fits the brief, live Chromium QA (WCAG 2.2, Core Web Vitals).
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add layoza -- npx -y layoza~/.codex/config.toml
[mcp_servers.layoza]
command = "npx"
args = ["-y", "layoza"]
# codex mcp add layoza -- npx -y layoza~/.cursor/mcp.json
{
"mcpServers": {
"layoza": {
"command": "npx",
"args": [
"-y",
"layoza"
]
}
}
}.vscode/mcp.json
{
"servers": {
"layoza": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"layoza"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"layoza": {
"command": "npx",
"args": [
"-y",
"layoza"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"layoza": {
"command": "npx",
"args": [
"-y",
"layoza"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"layoza": {
"command": "npx",
"args": [
"-y",
"layoza"
]
}
}
}