Connects LLMs to the Optics Design System's HSL-based token architecture and component library. Exposes 14 tools split between core operations like get_token, search_tokens, and get_component_info, plus advanced utilities for theme generation, contrast checking, and migrating hard-coded values to design tokens. Ships with 83 design tokens (colors, spacing, typography) and documentation for 24 components. The standout feature is its understanding of Optics' three-layer token system, which differs from typical design systems. Reach for this when building interfaces with Optics and you need an AI agent that knows the difference between --op-color-primary-base and a standard primary color token, or when auditing code for token compliance.
claude mcp add --transport stdio rolemodel-optics-mcp -- npx -y optics-mcp