← ClaudeAtlas

rembric-dashboard-uilisted

Brutalist Rembric dashboard UI work — building / editing / extending pages, styles, components, modals, tables, filters, pagination, mobile responsive, destructive confirmations. Use when the user asks for changes under `src/dashboard/`, mentions Rembric design tokens (lime, brutalist, sidebar, view-head, hl-lime), or requests a new dashboard page / form / table.
susomejias/rembric · ★ 5 · Web & Frontend · score 73
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