lufa-design-system
Installation
SKILL.md
Lufa Design System
Core rule
Always prefer DS components over custom CSS. Only write custom CSS for things the DS genuinely cannot do (e.g. min-height, responsive auto-fit grids, raw <img> sizing, border using a design token value).
Discover available components
Before writing any UI code that uses DS components, run the following script from the repo root to get the current list of components with their valid prop values:
python3 .agents/skills/lufa-design-system/scripts/list_components.py
Always use the script output as the source of truth for prop values. Never guess variant names, sizes, or other union props from memory — the script shows exact valid values (e.g. Badge variant: default | success | danger | warning | info).