What problem does it solve? Prevents recurring regressions when editing the client/ui-kit framework: theme rules silently overriding daisyUI variants, chunk-graph bloat from value imports, Lit/TypeScript pitfalls in base classes, and type checks that miss dynamically loaded screens. ## Core Features & Use Cases - Theme cascade rules: Explains why the layerless theme.css beats daisyUI layers, why background-color must replace background, and why states and variants must be declared in the theme itself. - Chunk graph discipline: Defines what may become a shared module (types and pure functions only) and how to verify bundles with deno task build:front plus grep on emitted chunks. - Lit/TypeScript pitfalls in base classes: Covers protected-name collisions with ARIAMixin, field-vs-getter overrides, svg vs html tags, backticks inside template literals, focus timing after updateComplete, and static styles inheritance. - Use Case: Before editing QueryTableBase or adding a button variant to theme.css, consult this Skill to avoid invisible checkboxes, dead variant classes, or a picker chunk dragging in the entire list module. ## Quick Start Review the relevant section of this Skill before modifying theme.css, BaseUI, QueryTableBase, ModelListBase, ModelPickerBase, or any ui-kit component, then run the full pre-commit checks it lists.
