| name | frontend-dashboard |
| description | Use this skill when editing the embedded dashboard frontend in this repository. It focuses on preserving the single-file embedded SPA model, keeping the UI lightweight, and avoiding unnecessary frontend tooling or dependencies. |
Frontend Dashboard
This is the native Codex frontend skill for the embedded dashboard UI in this repository.
Use it when:
- editing
web/index.html
- changing dashboard layout, styling, or interaction behavior
- improving usability of the embedded SPA
Repository Constraints
- The frontend is embedded into the Go binary.
- Keep the frontend simple and self-contained.
- Avoid introducing new frontend build systems, frameworks, or third-party packages unless explicitly requested.
- Preserve compatibility with the Go server contract and embedded asset flow.
UI Direction
- Prefer clear information hierarchy over visual noise.
- Keep interactions fast and obvious.
- Improve readability of metrics, status, and operational data first.
- Use intentional spacing, typography, and contrast.
- Favor small, maintainable JS and CSS over abstraction-heavy patterns.
Change Discipline
- Do not turn the SPA into a toolchain-driven frontend without explicit approval.
- Keep API assumptions explicit.
- Treat data-shape changes between backend and frontend as contract changes.
- When in doubt, optimize for operability and clarity instead of novelty.
