Explorar skills

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.

Realiza auditorias RGAA 4.1.2 (Referencial Geral de Melhoria da Acessibilidade — França) para sites e aplicações web. Automatiza a coleta de não conformidades via análise estática e dinâmica, gerando os três entregáveis regulatórios, incluindo a declaração de acessibilidade e o esquema plurianual de 3 anos.

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

Generate modern UI components — cards, forms, navigation, modals, tables, hero sections, footers, and pricing tables. 2026 glassmorphism design with Tailwind CSS. Copy-paste ready.

Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integration, API routes, and a working dashboard using Next.js 14+ App Router, TypeScript, Tailwind CSS, shadcn/ui, Drizzle ORM, and Stripe. Use when the user wants to create a new SaaS app, start a subscription-based web project, scaffold a Next.js application, or mentions terms like

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.

Documentação completa do shadcn/ui, apresentando componentes lindamente projetados com Radix UI e Tailwind CSS. Inclui instalação, componentes, temas, formulários, gráficos e integrações de frameworks para copiar e colar em seus aplicativos.

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with responsive layouts and easy visual integration.

Generates a premium single-page HTML landing page with 3D CSS animations, GSAP scroll effects, and mouse-parallax depth. Forcing intake (product + elevator pitch, audience register, brand overrides, tone) locks down positioning before any copy or markup is written, so the page reflects the actual product rather than generic boilerplate. Use whenever the user says 'landing for X', 'create a landing

Crie um site MVP premium com uma animação de vídeo 3D hero controlada por rolagem em um processo guiado. A skill realiza uma entrevista de 5 perguntas para coletar detalhes da marca, gera uma estrutura HTML/CSS/JS limpa, incorpora o vídeo de 7 segundos pré-gerado pelo usuário e produz uma landing page polida e pronta para implantação.

Transforme um site WordPress com conteúdo preso em arquivos de template codificados em um site editável pelo Customizer e funcional para formulários. Isso é feito sem a necessidade de plugins pagos, assinaturas SaaS ou construtores de páginas.

Cria interfaces frontend distintas e de nível de produção com alta qualidade de design, incluindo componentes web, páginas e aplicações. Gera código e design de UI criativos e polidos que evitam a estética genérica de IA.