“Tailwind CSS”

Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components.

Surgical aesthetic upgrade pipeline for existing React codebases.

Generate a complete DESIGN.md design-system specification at the root of the current project, synthesized from whatever material is available — a written…

Generate production-ready shadcn/ui themes (light and dark) with CSS variables, OKLCH/HEX colors, fonts, radius, shadows, and tracking—then export Tailwind v4…

Build a complete typographic system -- modular or fluid type scale, line-height and tracking per size, weight roles, and vertical rhythm -- exported as…

Prohibits the @apply directive in CSS files to preserve Tailwind's utility-first architecture and prevent abstraction leakage.

Use when creating, modifying, refactoring, reviewing, or organizing a React web app that uses Tailwind or utility-first CSS.

Read, write, lint, diff, and export DESIGN.md files using the Google @google/design.md format.

Fixes notch, Dynamic Island, home indicator, display cutout, and system bar overlap in Capacitor apps.

Export palette configuration as code or design tokens via the generate_code MCP tool using base and themes.

Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web…

Creates or migrates the canonical CSS theme palette: light/dark inputs, generated scales, semantic tokens shared by web and React Native, hand-authored…

This skill should be used when reviewing or auditing existing CSS code for consistency with established patterns.

Detect, review, prevent, and remove AI-generated UI convergence patterns ("AI slop") in frontend code.

This skill should be used when creating new styled components or adding new CSS classes.

Deep-audit TypeScript, React, Next.js (App Router) and frontend-design code for smells — patterns that ship but corrode performance, a11y, type safety, bundle…

Complete Next.js 16 + React 19 + TypeScript strict brutalist portfolio reference.

Design system completo para webs 3D inmersivas con tema oscuro premium.