domains / families / agent-tooling / skillshare-ui-website-style

skillshare-ui-website-style

separate

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard, fix visual bugs in either frontend, or need to know which design tokens, ss-* classes, components, or patterns to use. Covers the two dashboard styles (Clean / Playful) in light and dark, design tokens, the ss-* class system, component API, page structure, accessibility, keyboard shortcuts, and anti-patterns. Even if the user just says "fix the styling" or "add a card", use this skill to ensure consistency.

When to use

• build or modify a dashboard page or component in ui/src/
• style or layout website pages or custom CSS in website/
• create new React components for the dashboard
• add pages to the dashboard
• fix visual bugs in either frontend
• use design tokens, ss-* classes, components, or patterns
• ensure consistency for styling or adding cards

Skill page

Source