Skynet UI hosts a Model Context Protocol server at https://skynetui.com/mcp,
on the same edge as the CDN. Connect it once and your agent stops guessing: it searches
the reference instead of hallucinating class names, validates the markup it writes,
converts Tailwind pages server-side, and pulls patterns, templates, icons, and themes
on demand — always matching the deployed version.
claude mcp add --transport http skynet-ui https://skynetui.com/mcp
Settings → Connectors → Add custom connector, then paste the server URL:
https://skynetui.com/mcp
Add to .cursor/mcp.json (project) or ~/.cursor/mcp.json (global):
{
"mcpServers": {
"skynet-ui": { "url": "https://skynetui.com/mcp" }
}
}
Plain JSON-RPC over streamable HTTP — no auth, no session state required. Point any MCP client at the URL, or try it with curl:
curl -X POST https://skynetui.com/mcp -H "content-type: application/json" \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call",
"params":{"name":"get_version","arguments":{}}}'
Everything takes and returns plain text or JSON — no files, no side effects.
| Tool | What it does | Key arguments |
|---|---|---|
get_version | Version, class/attribute counts, and the CDN URLs — the right first call for orientation | — |
get_reference | The LLM reference — slim index or the full document | section (optional) |
search_reference | Search the reference and get back only the matching sections | query |
get_best_practices | Responsive & multi-device best-practices guide (2019–2026): viewports, breakpoints, touch targets, safe areas, Core Web Vitals, testing matrix (web version) | section (optional) |
search_classes | Look up class names in the live inventory (1145 classes), with fuzzy suggestions | query |
get_example | A complete working page (dashboard, chat, auth) to learn structure from | example |
| Tool | What it does | Key arguments |
|---|---|---|
get_template | One of the nine starter pages, ready to edit, in any theme | template, theme |
get_pattern | A copy-paste page section: pricing, FAQ, testimonials, cookie banner… | pattern |
list_icons / get_icon | Browse the 640-icon set and inline any icon as SVG | name |
get_theme_css | The CSS variable block for any of the 9 built-in themes | theme |
make_theme | Derive a complete custom theme from one hex, with AA-guarded text contrast | primary, mode, name |
| Tool | What it does | Key arguments |
|---|---|---|
validate_markup | Line-by-line check of HTML against the live class inventory — catches invented classes before they ship | html |
convert_tailwind | Mechanical Tailwind → Skynet UI conversion, server-side | html |
check_contrast | WCAG contrast ratio for any two colors, with the AA/AAA verdicts | foreground, background |
Ready-made workflows a client can offer as slash commands:
build_page — build a page from a description, with the reference injectedconvert_tailwind_page — convert pasted Tailwind markup step by stepcustom_theme — derive and apply a brand theme from one colorBrowsable under skynetui:// for clients that support resources:
classes.json)The server answers plain JSON-RPC — here is a real round trip:
$ curl -X POST https://skynetui.com/mcp -H "content-type: application/json" \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call",
"params":{"name":"check_contrast",
"arguments":{"foreground":"#8b8fa3","background":"#0d0e14"}}}'
{"jsonrpc":"2.0","id":1,"result":{"content":[{"type":"text",
"text":"contrast 6.01:1 — AA normal text (4.5): PASS · AA large text (3.0):
PASS · AAA normal (7.0): FAIL"}]}}
Any model with web access can read skynetui.com/llms-full.txt — the same knowledge as one document. The MCP server is the better fit for agents that write markup in a loop: validation and search beat re-reading a 100KB reference.