Explorar skills

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming, shadcn/ui colours, dark mode, or troubleshooting colours not working, tw-animate-css errors, @theme inline conflicts, @apply breaking after upgrade, or v3 → v4 migration issues.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) n

Creates beautiful, branded HTML content assets — industry reports, landing pages, comparison sheets, one-pagers — from structured data. Uses Gamma API (preferred), v0.dev Platform API, or a self-hosted HTML template system with Tailwind CSS. Outputs self-contained HTML files that can be hosted as web pages or converted to PDF.

Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides skill and a brand config JSON for the content asset creator. Uses WebFetch to read pages and analyzes CSS/HTML to identify the color palette, font pairings, and aesthetic patterns.

Instala pacotes npm em um ambiente Docker sandbox. Esta skill é usada para gerenciar node_modules em contêineres montados via virtiofs, contornando falhas de binários nativos ao instalar pacotes no sistema de arquivos ext4 local e criar links simbólicos.

Domínio completo das bibliotecas e dependências essenciais do desenvolvimento web moderno, incluindo Next.js, React, TypeScript e Tailwind CSS. Abrange configuração, integração, uso avançado, otimização de desempenho e solução de problemas.

Auditar e refatorar CSS para estar em conformidade com o sistema de design Game Loopers e a metodologia BEM.

Adicione animações sofisticadas e coreografadas, além de microinterações, a UIs encantadoras com temporização precisa, sequenciamento e gatilhos baseados em rolagem, utilizando Framer Motion e CSS.

Realiza engenharia reversa e clona qualquer site, extraindo ativos, CSS e conteúdo seção por seção, despachando agentes de construção paralelos. Use esta skill para clonar, replicar, reconstruir ou copiar sites, ativando-se também com frases como 'fazer uma cópia deste site' ou 'clone pixel-perfect'.

Detalhe os custos do Claude Code com o motor de precificação Agent Monitor, mostrando custos por modelo (entrada, saída, leitura/escrita de cache em taxas de $/Mtok), por sessão, tendências diárias e recuperação de tokens da linha de base de compactação. Use-o para analisar gastos, comparar custos de modelos ou planejar orçamentos.

Operate and maintain the local MCP server for this repository. Use for MCP tool updates, policy-guard changes, host configuration, and MCP runtime troubleshooting.

Generate a daily standup summary from recent Claude Code sessions — completed work grouped by project (cwd), session costs from the pricing engine, tool invocations, error/compaction/APIError events, and turn velocity metrics from session metadata (turn_count, total_turn_duration_ms).