rembric-dashboard-uilisted
Install: claude install-skill susomejias/rembric
# Rembric Dashboard UI
Reach for this skill whenever the user wants UI work on the Rembric
dashboard (`/dashboard/*`). The **single source of truth** is
`DESIGN.md` at the repo root — a Google-spec-compliant DESIGN.md file
(`npx @google/design.md lint DESIGN.md` passes 0 errors / 0 warnings).
Read it before writing CSS or HTML.
## Trigger
Auto-trigger when the user asks for:
- A new dashboard page, route, or view
- Edits to an existing dashboard page (memories, sessions, relations,
consolidation, projects, tokens, overview, login)
- New visual components (cards, pills, buttons, banners, modals)
- Mobile / responsive tweaks
- New destructive actions that need confirmation
- New tables, filters, paginators
- Anything that mentions: `lime`, `brutalist`, `view-head`, `hl-lime`,
`sidebar`, `mob-bar`, `appendOnly banner`, `pending judgments queue`,
`recent sessions timeline`, `consolidation health`, `stat card`,
`kv-grid`, `tbl-host`, `dialog.modal`, `data-confirm`, `data-href`
Do NOT trigger for:
- Server / service / DB / MCP / consolidation backend work
- OpenSpec change scaffolding (use `openspec-*` skills for that)
- Plugin / hook / CLI / `bin/` work
- Anything outside `src/dashboard/` + `src/server/dashboard-router.ts`
## Mandatory first step
Before touching any UI code, do this in order:
1. **Read `DESIGN.md` (repo root) end to end.** It contains the YAML
token frontmatter (colors, typography, spacing, rounded, components)
and prose covering Overview, C