# Frontend Dashboard

> 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.

- Skill: `mudrii/frontend-dashboard` (Agent Skill)
- Install (CLI): `npx skillmds@latest add mudrii/frontend-dashboard`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mudrii/frontend-dashboard/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: mudrii (https://skillmd.com/u/mudrii)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/mudrii/frontend-dashboard

---


# 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.