learning_ai_common_plat/dashboards/ux-lab/lovable-design-tokens-playground
2026-03-05 21:20:05 -08:00
..
.gitignore chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00
ACCEPTANCE_CHECKLIST.md chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00
DESIGN_SYSTEM_BRIEF.md chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00
INTEGRATION_NOTES.md chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00
PROMPT.md chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00
README.md docs(ux-lab): fix GitHub username saravanakumardb1 → saravanakumardb in all kit docs 2026-03-05 21:20:05 -08:00
REPO_SCOPING_RULES.md docs(ux-lab): fix GitHub username saravanakumardb1 → saravanakumardb in all kit docs 2026-03-05 21:20:05 -08:00
UX_TOKEN_CONTRACT.md chore(ux-lab): tighten acceptance checklists for agent pushes 2026-03-04 20:42:55 -08:00

Lovable — Design Tokens Playground

GitHub repo: saravanakumardb/temp_lovable-design-tokens-playground

This folder is designed to be used as a standalone repo.

What it is

A visual QA and design token exploration micro-app:

  • Theme toggle + density toggle + radius slider
  • Color ramp preview + WCAG contrast checker
  • Typography scale preview
  • Component gallery (buttons, inputs, cards, alerts, tabs, table)
  • Hardcoded color audit helper (paste code, detect hex/rgb, suggest token replacements)

How to use

  • Read PROMPT.md for the build assignment.
  • Follow DESIGN_SYSTEM_BRIEF.md and UX_TOKEN_CONTRACT.md strictly.

Reuse goal

Useful for designers and engineers to spot token inconsistencies and validate the design system.