Broomva Design

Apply one Broomva identity to the product's actual domain. The foundation is calm, matte, blue-axis, and product-neutral. Web components and agentic work patterns are adapters layered above it, never requirements of the brand.

Start here

1. Read this skill's DESIGN.md before changing UI.
2. Inspect the target's platform, existing styles, primitives, accessibility baseline, and incumbent DESIGN.md.
3. Read references/product-patterns.md and references/platform-adaptation.md for the relevant product and platform.
4. Ask the materializer to recommend the smallest profile, then confirm it against the target's real domain. Do not overwrite an incumbent system without an explicit migration request.
5. Implement through semantic roles and reusable components, then validate behavior, accessibility, themes, and representative viewports or device classes.

Set SKILL_DIR to the directory containing this file, then materialize the neutral foundation:

python3 "$SKILL_DIR/scripts/materialize.py" materialize . --profile foundation
python3 "$SKILL_DIR/scripts/materialize.py" verify . --profile foundation