rembric-dashboard-ui

What problem does it solve?

This Skill eliminates the risk of inconsistent, non-compliant UI changes to the Rembric dashboard that break the project's strict brutalist design system, ensuring all frontend work adheres to the official spec from the first line of code.

Core Features & Use Cases

• Spec Compliance Enforcement: Guides all dashboard UI work to follow the official DESIGN.md, including CSS token usage, component patterns, and layout rules.
• Common Workflow Support: Provides pre-vetted recipes for frequent tasks like adding new pages, tables with filters/pagination, modals, destructive confirmations, and responsive mobile tweaks.
• Validation Guardrails: Includes a mandatory checklist to ensure all changes pass type checking, linting, testing, and build requirements before completion. Use case: For example, if you need to add a new column to the sessions table with mobile horizontal scroll support, this skill ensures you wrap the table in the required tbl-host container and use the correct CSS custom properties instead of raw values.

Quick Start

Use the rembric-dashboard-ui skill to add a new filter bar to the memories dashboard page that lets users filter memories by project scope.