Explorar skills

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Valida durações de animação, impõe escala tipográfica, verifica acessibilidade de componentes e previne anti-padrões de layout em projetos Tailwind CSS. Use ao construir componentes de UI, revisar utilitários CSS, estilizar views React ou garantir consistência de design.

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.