Project title: CodeLex — A Design ↔ Code Explorer Short description (the tagline field): See the code behind the design. Built for designers who want to understand what they're shipping. Full description: CodeLex is an AI-powered design-to-code explorer built entirely in Omma by Spline.
It bridges the gap between designers and developers by making CSS and JavaScript readable, interactive, and explorable — one term at a time.
EXAMPLES TAB Four curated pillars, each showing a live rendered component alongside its fully annotated code: · Design Tokens — CSS custom properties made visible · Button — hover, active, and click interactions · Layout — CSS Grid with a live wireframe · Animation — @keyframes with an editable duration.
SANDBOX TAB Paste any CSS or HTML and hit Run →. CodeLex annotates your code live, renders a preview, and makes every term clickable for instant explanations.
LEXICON Click any term in the code panel to get an AI-generated definition written for designers: what it is, how it maps to Figma, and examples. Hit "Read more →" for full documentation with a Figma analogy, common mistakes, and an MDN link.
LIVE SYNC Edit any value in the code panel and watch the design update instantly — no reload, no button press.
TECHNICAL · 3 AI agents (Annotation, Lexicon, Docs) via Anthropic API · Cloudflare Workers proxy to handle browser CORS
· Built 100% in Omma — no external frameworks With some help, monitoring and consulting by IZ//PZ Studio.
https://omma.build/p/codelens-web-application-builder-uuv8bm
