frontend-style-guide - Lightdash Frontend Style Guide
Apply Lightdash frontend design and styling rules when building, reviewing, or editing React components and frontend code.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply Mantine 8 conventions
- Review component styling
- Use theme tokens
- Choose component variants
- Check light and dark modes
- Create CSS modules
Inputs
- React components
- TSX files
- Frontend styling code
- Mantine theme files
- Mantine documentation and types
Outputs
- Updated React or TSX files
- Updated CSS modules
- Style review feedback
Requirements
- Mantine 8
- Access to packages/frontend
- Read, Edit, Write, Glob, and Grep tools