io.github.RoleModel/optics-mcp
NPM · OPTICS-MCP · SCANNED AUG 3
MCP Server for Optics Design System documentation and token usage.
Available components
How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score →
Supply Chain Security86
- No malware found by supply-chain analysis.Pass
- Only part of the dependency tree could be resolved (94 of 98), so this covers what we could see, not the whole tree.Partial
- No install/post-install scripts declared.Pass
- Only part of the dependency tree could be resolved (94 of 98), so this covers what we could see, not the whole tree. View diagnostics → Partial
Provenance & Transparency44
- Source repository is publicly reachable at the declared URL. View diagnostics → Pass
- Provenance check failed: no build-provenance attestation is published. See how to fix → View diagnostics → Fail
- Clear OSI-approved license (MIT).Pass
- Actively maintained (last published 240 days ago).Pass
- Disclosure check failed: no security disclosure policy was found in the source repository. See how to fix → Fail
Schema Quality & AI Usability82
- 100% of prompts and resources have a non-trivial description (not blank, and not just the item's name).Pass
- AI-judged instruction clarity (good).Pass
- Tool/resource definitions use about 887 tokens (~31/item across 28 items; 14 tools + 14 resources), lean.Pass
- Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management27
- Stability observed for 8 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
- 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
- 100% of tool parameters carry a description.Pass
Capabilities100
- Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Add this component to your MCP client. Where a client-specific snippet is available, pick your client below and copy it straight into your config; otherwise use the connection detail shown.
npm · optics-mcp
claude mcp add rolemodel-optics-mcp -- npx -y optics-mcp
codex mcp add rolemodel-optics-mcp -- npx -y optics-mcp
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"rolemodel-optics-mcp": {
"type": "local",
"command": [
"npx",
"-y",
"optics-mcp"
],
"enabled": true
}
}
} openclaw mcp add rolemodel-optics-mcp --command npx --arg -y --arg optics-mcp
mcp_servers:
rolemodel-optics-mcp:
command: "npx"
args: ["-y", "optics-mcp"] {
"mcpServers": {
"rolemodel-optics-mcp": {
"command": "npx",
"args": [
"-y",
"optics-mcp"
]
}
}
} Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.
- 3 Aug 26 −3
No change was recorded against any check on this day. Supply Chain Security went from 97 to 86. Other categories moved too: Stability & Change Management rose 4.
- 2 Aug 26 +58
- Malware scan: unverified → pass ▲ security
- Known CVEs: unverified → partial ▲ security
- Stability: unverified → 0.23 ▲ functional
- MCP protocol: unverified → pass ▲ functional
- Schema quality: unverified → 100 ▲ functional
- Tool coverage: unverified → 100 ▲ functional
- 1 Aug 26 −39
- Known CVEs: partial → unverified ▼ security
- Stability: Stability not yet verified: we do not have a sandbox capture of the MCP schema this version of the package serves yet. security
- Schema quality: 100 → unverified ▼ functional
- Tool coverage: 100 → unverified ▼ functional
- Capabilities: pass → unverified ▼ functional
- 31 Jul 26 +12
- We updated how we score, so this day's move reflects our rubric, not a change to the server See what changed → functional
- 30 Jul 26 −39
- Known CVEs: partial → unverified ▼ security
- Malware scan: pass → unverified ▼ security
- Provenance: fail → unverified ▼ security
- Install scripts: pass → unverified ▼ security
- License: pass → unverified ▼ functional
- Dependency health: partial → unverified ▼ functional
- Maintenance: pass → unverified ▼ functional
- Licence: MIT functional
- 29 Jul 26 +56
- Provenance: unverified → fail ▼ security
- Install scripts: unverified → pass ▲ security
- Known CVEs: unverified → partial ▲ security
- Security disclosure: unverified → fail ▼ functional
- Schema quality: unverified → good ▲ functional
- Maintenance: unverified → pass ▲ functional
- Schema quality: unverified → 100 ▲ functional
- License: unverified → pass ▲ functional
- Tool coverage: unverified → 100 ▲ functional
- Licence: MIT functional
- 28 Jul 26 −28
- Tool coverage: 100 → unverified ▼ functional
- Security disclosure: fail → unverified ▼ functional
- Schema quality: 100 → unverified ▼ functional
- Dependency health: unverified → partial ▲ functional
- 27 Jul 26 53
First indexed and scored.
Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.
Captured 3 Aug 2026 · Analysed npm/[email protected]
Provenance none
Ecosystem: npm · Outcome: none
Dependencies 94 packages
94 packages in the resolved dependency tree · 94 deprecated · 29 stale.
The dependency tree was only partially resolved, so these counts may be incomplete.
The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability.
check_contrast ~44
Check WCAG contrast ratio between two color tokens
| Name | Type | Req | Description |
|---|---|---|---|
| backgroundToken | string | yes | Background color token name |
| foregroundToken | string | yes | Foreground color token name |
No output schema declared.
No examples provided.
generate_component_scaffold ~68
Generate a React component scaffold with proper token usage
| Name | Type | Req | Description |
|---|---|---|---|
| componentName | string | yes | Name of the component (e.g., "Alert", "Card") |
| description | string | yes | Brief description of the component |
| tokens | array | yes | List of token names the component should use |
No output schema declared.
No examples provided.
generate_sticker_sheet ~92
Generate a visual style guide with color swatches and component examples
| Name | Type | Req | Description |
|---|---|---|---|
| framework | string | — | Target framework: react, vue, svelte, or html (default: react) |
| includeColors | boolean | — | Include color swatches (default: true) |
| includeComponents | boolean | — | Include component examples (default: true) |
| includeTypography | boolean | — | Include typography specimens (default: true) |
No output schema declared.
No examples provided.
generate_theme ~106
Generate a custom Optics theme with CSS variable overrides. Includes installation instructions for @rolemodel/optics via npm or CDN (jsDelivr/unpkg). Output includes complete setup guide with actual Optics token names.
| Name | Type | Req | Description |
|---|---|---|---|
| brandName | string | yes | Name of the brand/theme (e.g., "Acme Corp") |
| primary | string | yes | Primary brand color (hex, e.g., "#0066CC") |
| secondary | string | — | Secondary color (hex, optional) |
No output schema declared.
No examples provided.
get_component_info ~46
Get detailed information about a component including its design token dependencies
| Name | Type | Req | Description |
|---|---|---|---|
| componentName | string | yes | The name of the component (e.g., "Button", "Card", "Input") |
No output schema declared.
No examples provided.
get_component_tokens ~32
Get all design tokens used by a specific component
| Name | Type | Req | Description |
|---|---|---|---|
| componentName | string | yes | The name of the component |
No output schema declared.
No examples provided.
get_token ~44
Get detailed information about a specific design token by name
| Name | Type | Req | Description |
|---|---|---|---|
| tokenName | string | yes | The name of the design token (e.g., "color-primary", "spacing-md") |
No output schema declared.
No examples provided.
get_token_usage_stats ~20
Get statistics about design token usage across the system
Input schema present but exposes no named parameters.
No output schema declared.
No examples provided.
list_components ~17
List all available components in the design system
Input schema present but exposes no named parameters.
No output schema declared.
No examples provided.
replace_hard_coded_values ~50
Replace hard-coded values with design tokens
| Name | Type | Req | Description |
|---|---|---|---|
| autofix | boolean | — | Whether to automatically fix the code (default: false) |
| code | string | yes | Code containing hard-coded values |
No output schema declared.
No examples provided.
search_documentation ~27
Search through Optics documentation
| Name | Type | Req | Description |
|---|---|---|---|
| query | string | yes | Search query for documentation content |
No output schema declared.
No examples provided.
search_tokens ~55
Search for design tokens by category or name pattern
| Name | Type | Req | Description |
|---|---|---|---|
| category | string | — | Filter by category (color, spacing, typography, border, shadow) |
| namePattern | string | — | Search pattern for token names (case-insensitive) |
No output schema declared.
No examples provided.
suggest_token_migration ~61
Suggest design tokens for a hard-coded value
| Name | Type | Req | Description |
|---|---|---|---|
| category | string | — | Optional category filter (color, spacing, typography) |
| value | string | yes | Hard-coded value to find tokens for (e.g., "#0066CC", "16px") |
No output schema declared.
No examples provided.
validate_token_usage ~34
Validate code for hard-coded values that should use design tokens
| Name | Type | Req | Description |
|---|---|---|---|
| code | string | yes | CSS or component code to validate |
No output schema declared.
No examples provided.