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.

mudrii 4397073 1.4 KB Updated

File contents

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.

mudrii/openclaw-dashboard/tree/main/.codex/skills/frontend-dashboard commit 439707351e

Frequently asked questions

npx skillmds@latest add mudrii/frontend-dashboard