UI Unslop

MCP server + Skill

Check interface contrast, accessibility, design tokens, and interaction states.

Made forWeb design
What you needNode.js >=18, an MCP client, and web markup and styles; screenshots help with visual review
Published version1.0.2
Project licenseMIT
Sources checked2026-10-29

Project links

GitHubnpmCompanion skill

How to use it

  1. Open the project documentation and choose the instructions for your AI client.
  2. Copy the configuration and companion skill command if needed.
  3. Configure the tools in your own environment, then try the example request.

Copy setup details

Use these instructions in your own environment. Copying text here does not run it.

MCP configuration

Copy into a client that accepts mcpServers JSON. Other clients may use a different configuration format.

{
  "mcpServers": {
    "ui-unslop": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ]
    }
  }
}

Companion skill command

Run on your own machine if you want to install the companion skill.

npx -y [email protected] install-skills

Example request

Review this page with ui-unslop. Check contrast, control labels, keyboard focus, design tokens, and narrow layouts. Distinguish computed checks from visual observations.

Example results

Illustrative example

Review outline - List text and background combinations checked. - Identify controls missing accessible names. - Review keyboard focus and small-screen layout. - Group repeated visual values into reusable tokens.

Illustrative response outline, not a recorded run.

Illustrative examples show a possible response format. They are not recorded runs or verified results. Actual responses will vary.