Explorar skills

Gera arquivos DESIGN.md v2 com qualidade de publicação a partir de qualquer URL de website. Analisa CSS, tipografia, cores, componentes, layout, conteúdo, acessibilidade, padrões de estado e iconografia para produzir uma referência de sistema de design de 17 seções que agentes de IA podem usar para reproduzir o estilo visual do site, sendo útil para extrair tokens de design, gerar DESIGN.md ou analisar o sistema de design de um site.

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

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Pr

Esta skill é usada para revisar ou auditar código CSS existente, verificando a consistência com padrões estabelecidos. Ela analisa nomenclatura semântica, cobertura de modo escuro, uso de Tailwind e cobertura de testes, sendo acionada por frases como "revisar CSS" ou "auditar estilos".

Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.

Crie vídeos MP4 animados e pixel-perfect usando animações HTML, CSS e JS gravadas com Chromium headless. Ideal para quando modelos de vídeo de IA falham em tarefas que exigem renderização precisa de texto (especialmente CJK), mockups de UI, visualizações de dados ou sequências roteirizadas baseadas em linha do tempo.

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`, writing Tailwind utility classes in composition HTML, adding CSS-first Tailwind v4 theme tokens, debugging v3 vs v4 syntax, or deciding when to compile Tailwind to CSS instead of using the browser runtime.

This skill should be used when working with CSS, creating components, styling elements, refactoring styles, or reviewing CSS code. Triggers on "CSS", "styles", "Tailwind", "dark mode", "component styling", "semantic class", "@apply", "stylesheet". Routes to specialized sub-skills for creation, validation, or refactoring.

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.

Mantém automaticamente um espelho HTML estilizado de qualquer Markdown, convertendo arquivos .md em documentos .html autocontidos. Estes arquivos HTML preservam o conteúdo literalmente com CSS embutido, tipografia distinta, uma tabela de conteúdo flutuante e um estilo visual adaptado ao meio do conteúdo, suportando todos os scripts.

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

Use when building UI components. Enforces ShadCN UI patterns, accessibility standards (Radix UI), and TailwindCSS best practices for November 2025.