clean-web-design

Guide for building clean, modern web front-ends with a professional design system featuring HSL CSS custom properties, Tailwind CSS utility classes, light/dark mode support, and shadcn/ui-inspired component architecture. Use this skill whenever building a web UI, React component, dashboard, landing page, web app, or any front-end that should look polished and professional. Also use when the user mentions wanting a 'clean' or 'modern' design, asks for dark mode support, or needs a consistent design system for their web project. This skill covers typography, color tokens, spacing, component patterns (cards, buttons, inputs, modals, navigation), layout structure, data visualization theming, loading states, and responsive design.