# UI Preset MCP Server

> Use this tool when you need to automate UI configuration and validation for React components against a unified design system. It solves problems of design inconsistency and manual styling errors by enforcing uniformity and exporting design tokens as CSS, Tailwind, or JavaScript variables. Ideal for use in Monaco IDE for streamlined development and design workflows.

Canonical page: https://skillsregistry.net/skills/ncsound919-og-glass  
JSON: https://api.skillsregistry.net/v1/skills/ncsound919-og-glass

## Description

Enables auto-configuration and validation of React components against a glassmorphic design token system using an AST correction engine. It supports managing UI presets, enforcing design uniformity in Monaco IDE, and exporting tokens as CSS, Tailwind, or JavaScript variables.

## Trust

- **Trust score (0–1):** 1.00
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** other
- **Updated:** 2026-09-19

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/ynqxrg48vm)
- **Repository:** <https://github.com/ncsound919/OG-Glass>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "ncsound919-og-glass"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/ncsound919-og-glass` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/ncsound919-og-glass/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt