Lumen UI

Build interfaces with Lumen

Lumen UI helps coding agents build accessible interfaces from a real multi-framework design-system contract. Search the component catalog, retrieve framework-specific usage and source, inspect web and native recipes, read semantic tokens, and follow the bundled Lumen workflow for Astro, React, Web Components, React Native, SwiftUI, and Jetpack Compose.

What you can ask

Find the right Lumen components for this interface.
Example path → ·

MCP connector

Server URL: https://mcp.lumen.santi020k.com/mcp
Login: None
Protocol: MCP 2025-11-25
Instructions: Compare resolved installed versions with . On mismatch use installed public types or a matching catalog. Read lumen://meta, lumen://diagnostics, and lumen://rules before generating Lumen code. Search or list the catalog, then inspect the selected web or native component for the target framework or platform at usage detail before requesting source.

Tools

Reads data14

Skills

1 in the ChatGPT listing