Explorar skills

Skill ponta a ponta para construir sites e landing pages profissionais com Next.js 16, React 19, Tailwind CSS v4, shadcn/ui e Framer Motion. Permite que usuários sem conhecimentos técnicos pré-visualizem estilos no navegador antes de escolher e completem a página do início ao fim (intake, brief, design, build, QA, deploy).

GENESIS UI/UX Gold Standard é um sistema abrangente com 28 técnicas premiadas, 5 motores e 24 bancos de dados, focado em inteligência de design, execução criativa e micro-interações CSS-nativas. Ele incorpora uma filosofia de design Anti-Gravity e utiliza tecnologias como Spline 3D, Rive, Three.js e GSAP para animações avançadas.

Um gerador de sistema de tipografia Google Fonts que sugere fontes únicas ou pares de fontes com escalas tipográficas completas, seguindo os conceitos de ritmo do Tailwind Typography. Ele gera propriedades CSS personalizadas, configuração Tailwind e links de incorporação.

使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifacts 的工具套件。用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifacts - 不适用于简单的单文件 HTML/JSX artifacts。

Esta skill permite que o agente produza conteúdo espacial, paralelo, comparável ou interativo usando HTML de arquivo único em vez de Markdown. Ela atua como um roteador, usando uma estrutura de decisão para determinar o uso de HTML e despachando para uma das 9 sub-skills para solicitações como comparação, planejamento, revisão, relatórios, interpretação, apresentações, edição ou visualização, reutilizando templates para produzir artefatos executáveis.

Generate character animations from a source image using Kling AI video generation (direct API or via the Higgsfield CLI), then convert the resulting MP4 video into an optimized sprite sheet for web use. Use when the user wants to create character animations, sprite sheets, or animate illustrations.

Inicie e execute um projeto de design de produto usando o framework PRCSS* — um fluxo de trabalho de 7 fases inspirado no Double Diamond (Descobrir, Definir, Idear, Projetar, Testar, Entregar, Medir), com um modelo de projeto pré-construído e uma biblioteca reutilizável de Métodos de Design.

Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file `themeUnify.ts` TypeScript download, the Reablocks Figma Plugin export for CSS layers, file layout (root.css / dark.css / light.css /

Pattern-level payload library for XSS, SSTI, LFI, SSRF, and command injection — context detection (HTML body/attribute/JS/CSS/URL), encoding-bypass shapes (URL/HTML/Unicode/double), polyglots, WAF-bypass patterns at syntax level. No version-specific weaponized exploits.

Revisa a acessibilidade durante a fase de design, tratando-a como um desafio artesanal em vez de uma auditoria de conformidade. Use ao projetar, descrever ou construir componentes de UI, ou ao discutir estados de componentes, interações ou comportamento de teclado.

Audit an existing project's design system from its CSS, Tailwind config, and HTML templates. Generates a DESIGN.md documenting what exists, a Tailwind v4 theme (or migration), and an accessibility report. Use when the user says "audit my design", "audit this project's design", "document my design system", "migrate to tailwind", "convert to tailwind", or similar.

专业的 Vue.js 开发技能，涵盖 Nuxt 3、Vue 3 Composition API、Tailwind CSS 和 Vue 生态系统。使用此技能构建 Vue 应用程序、实现 Nuxt 功能、使用 Pinia 进行状态管理，或使用 shadcn-vue 等组件库。