Explorar skills

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

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

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

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.

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.

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.

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.