OntoBricks frontend design
The canonical design system is .cursor/11-frontend-design.mdc. Read that
file before proposing or changing frontend markup or CSS. This skill sequences
the work; it does not restate the visual rules.
Procedure
- Identify the closest canonical page or component in
.cursor/11. - Inspect its complete markup and shared CSS before editing.
- Add a failing structural or behavior contract.
- Reuse shared Bootstrap and
ob-*components; do not add local visual overrides when the shared component already owns the state. - Browser-test the changed page against the reference at desktop and mobile widths, including keyboard focus, overflow, and console or network errors.
- Run
uv run --frozen pytest -q -m "not scenario". - Invoke the
changelogskill.