# Optics

> Use this tool when you need to create visually consistent and accessible interfaces by leveraging a robust design system with pre-configured components and tokens. It solves problems related to design consistency, accessibility, and front-end development by providing tools for token lookup, component information, and contrast checking. It takes design requirements as input and outputs generated themes, code scaffolding, and accessibility validation reports.

Canonical page: https://skillsregistry.net/skills/rolemodel-optics  
JSON: https://api.skillsregistry.net/v1/skills/rolemodel-optics

## Description

Enables AI assistants to query and work with the Optics Design System, providing access to 83 design tokens (colors, spacing, typography, borders, shadows), 24 pre-configured components, and theme generation capabilities. Includes tools for token lookup, component information retrieval, contrast checking, code scaffolding, and accessibility validation.

## Trust

- **Trust score (0–1):** 0.95
- **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:** [PulseMCP](https://www.pulsemcp.com/servers/rolemodel-optics)
- **Repository:** <https://github.com/rolemodel/optics-mcp>

## 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": "rolemodel-optics"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/rolemodel-optics` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/rolemodel-optics/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