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.
How to use
- 1Add it in ChatGPT
Open Lumen UI in ChatGPT's Plugin directory (button above), select + to add it and sign in if asked.
- 2Use it in a chat
Type @ in the composer and pick Lumen UI, or start your message with its name. ChatGPT may also suggest it when it fits what you ask.
Skills 1
- Lumen UI
Build web and native interfaces with Lumen UI
Things to ask
- “Find the right Lumen components for this interface.”
- “Build this screen with Lumen for React.”
- “Review this UI against Lumen's accessibility contracts.”