← ClaudeAtlas

rembric-dashboard-uilisted

Rembric dashboard UI work (dark monochrome zinc surfaces, lime accent, Geist type, Spectrum data-tables) — building / editing / extending pages, styles, components, modals, tables, filters, pagination, mobile responsive, destructive confirmations. Use when the user asks for changes under `apps/web/src/app/dashboard/` or `apps/web/src/components/dashboard/`, mentions Rembric design tokens (lime, zinc, command bar, StatusPill, hl-lime, data-table), or requests a new dashboard page / form / table.
susomejias/rembric · ★ 12 · Web & Frontend · score 75
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 dashboard is a **Next.js App Router + React 19** surface styled with **Tailwind v4** and **shadcn/Radix** primitives. It is no longer the Hono/HTMX/SSR-helper stack the old version of this skill described — there is no `src/dashboard/`, `dashboard-router.ts`, `components.ts`, or `templates.ts`. ## Trigger Auto-trigger when the user asks for: - A new dashboard page, route, or view - Edits to an existing dashboard page (memories, sessions, entities, judgments, consolidation, prompts, projects, tokens, maintenance, settings, activity, overview, login, OAuth consent) - 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`, `zinc`, `command bar`, `StatusPill`, `data-table`, `hl-lime`, `ConfirmSubmit`, `ActionForm`, `Time` Do NOT trigger for: - Server / service / DB / MCP / consolidation backend work - OpenSpec change scaffolding (use the `openspec-*` skills for that) - Plugin / hook / CLI / `apps/plugin/` work ## The surface, verified ```text apps/web/src/app/dashboard/layout.tsx CommandFrame wrapper (command bar, counters, version) apps/web/src/app/dashboard/**/page.tsx one async server component per route apps/web/src/components/dashboard/command-bar.tsx CommandFrame + floati