Kaloyan DanchevandClaude Opus 4.6
86191ba5f3
Panel fixes: tall card row_span, room tab styling, vacuum card image+value, AC airflow labels, AC fan speed sections (auto 3-btn + manual 5-step slider), light subtitle fallback, curtain pane dividers, dimmable light presets, LED panel brightness + reorder. New assets: 34 ui-icons (climate modes, cover, effects, battery, led-strip, switch states), 3 logos, 90 app surface PNGs, design system specs (components, ux-mechanics, tokens). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1.1 KiB
1.1 KiB
Design system — instructions for Claude Code
This folder is the design source for the Home Assistant tab. When you change any HA tab UI (cards, panels, focus, remote handling, hint bar):
- Read
ux-mechanics.mdPart A, then the section for the card you are touching. Implement the numbers exactly (0.4 s hold, act on release, 200 ms send debounce, steps, clamps). - Take sizes, colours and timings from
tokens.json; don't invent new constants. - Match the layout in
components.mdand the matching render inscreens/. When you can render a desktop screenshot (--script … --screenshot), compare it against that PNG. - Work one card at a time, and say which rules you could not verify without the TV.
- Room card photos are provided by Home Assistant (each area's picture), fetched and cached at runtime
as
ux-mechanics.md§B11 describes. Never add room photos to the repo, the IPK or Luma's settings. - If the code and this folder disagree, follow this folder and point out the difference. Don't edit files here unless asked — they're exported from the design canvas.