Extracts normalized CSS design tokens, spacing scales, and responsive flex layout rules from UI node definitions
-
Updated
Oct 12, 2026 - Python
Extracts normalized CSS design tokens, spacing scales, and responsive flex layout rules from UI node definitions
Extracts normalized CSS design tokens, spacing scales, and responsive flex layout rules from UI node definitions
AI-native design system with BM25 reasoning engine — 9 palettes, 600 W3C DTCG tokens, 68 components, WCAG 2.1 AA validated, Tailwind/React/Vue/Svelte output, 57 industry sectors
A friendly, high-contrast OKLCH color theme for terminals and the web, generated from design tokens
📐 Browser-native calculator for computing visually correct nested border-radius values from outer radius, padding, and inner radius. Zero-build tool with real-time preview, bidirectional sync, and 14-language i18n support.
One brand hex in, a full 3-layer design-token palette out — OKLCH ramp, brand-tinted neutrals, status + chart tokens, semantic dark/light. Zero dependencies.
A Claude Code plugin for design systems: a DTCG design-token SSoT with deterministic tokens.css generation, WCAG 2.2 AA contrast auditing, and bridges to Claude Design, Google Stitch, and Figma.
Curated Agent Skills (SKILL.md) collection: prompt enhancement + UI designer expert pack. Works with Qoder, Codex, Claude Code and any Agent Skills-compatible agent.
🪶 Experimental LLM-friendly web framework using stable technologies (FastAPI + Lit.js + Jinja2) optimized for AI-assisted development. Features UID component isolation & CSS variables theming. Community-driven project seeking contributors!
Extract color palettes from images and generate CSS variables, Tailwind configs, or design tokens
To associate your repository with the css-variables topic, visit your repo's landing page and select "manage topics."