← skynetui.com

INDIVIDUAL MCP TOOL

get_best_practices

Responsive & multi-device best-practices guide (2019–2026): real viewport sizes for phones/foldables/tablets/desktops, breakpoints, touch-target standards (WCAG 2.2 / Apple / Material), safe areas, svh/dvh, media, Core Web Vitals budgets, a testing matrix, and the Skynet UI feature for each practice.

skynetui.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://skynetui.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for get_best_practices and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Inferred read-only · medium confidence · heuristic, not a guarantee.

  • No write-capable action terms were found; this is not proof that invocation has no side effects.

Parent server

skynetui.com

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.skynet-ui]
url = "https://skynetui.com/mcp"
enabled = true
Claude Code

.mcp.json

{
  "mcpServers": {
    "skynet-ui": {
      "type": "http",
      "url": "https://skynetui.com/mcp"
    }
  }
}
Claude Desktop

Settings → Connectors → Add custom connector

Name: skynet-ui
Remote MCP URL: https://skynetui.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "skynet-ui": {
      "url": "https://skynetui.com/mcp"
    }
  }
}
Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code
{
  "servers": {
    "skynet-ui": {
      "type": "http",
      "url": "https://skynetui.com/mcp"
    }
  }
}
Generic MCP

Client-specific MCP configuration

{
  "name": "skynet-ui",
  "transport": "streamable-http",
  "url": "https://skynetui.com/mcp"
}
MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

  • get_reference — Get the complete Skynet UI reference (llms-full.txt): every component, all 9 themes, the utility classes including the Tailwind-compat layer, the JS API, and the Tailwind-to-Skynet conversion guide.
  • search_reference — Search the Skynet UI reference by keyword and get only the matching sections (component docs, utility groups, conversion rules).
  • get_theme_css — Get the CSS variable block for one built-in theme (dark, light, midnight, paper, forest, dusk, sky, rose, contrast) — useful as a starting point for a custom theme.
  • get_example — Get a complete, working example page built with Skynet UI as HTML.
  • validate_markup — Validate Skynet UI HTML markup: flags class names and data-sk-* attributes that don't exist in the framework (with nearest-match suggestions) and leftover Tailwind classes with conversion hints.
  • convert_tailwind — Mechanically convert Tailwind CSS markup to Skynet UI (same engine as `npx skynet-ui convert`): neutral palettes become semantic surfaces/text, accent palettes map to primary/success/warning/danger/info, dark: variants are dropped (themes handle it), supported arbitrary values pass through.
  • list_icons — List the 640 built-in icon names (usable as <i data-sk-icon="name"> with skynet-icons.js, or fetch inline SVG via get_icon).
  • get_icon — Get one icon as inline SVG markup (24×24 stroke, currentColor, 1em) — paste it directly into a page with no extra files.