Explorar skills

Use para integrar widgets de chat OpenAI/ChatKit em aplicações Next.js/React. É ideal para incorporar, configurar aparência, implementar eventos, configurar acesso autenticado ou personalizar a marca do widget, mas não para construir UIs de chat personalizadas ou configurar modelos de IA de backend.

You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection poi

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.

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.

Best practices for Remotion - Video creation in React

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html

Zero-build frontend development with CDN-loaded React, Tailwind CSS, and vanilla JavaScript. Use when building static web apps without bundlers, creating Leaflet maps, integrating Google Sheets as database, or developing browser extensions. Covers patterns from rosen-frontend, NJCIC map, and PocketLink projects.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

React Native coding patterns, best practices, and common solutions for mobile development. Use when implementing features or refactoring code.

Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use this skill when writing or modifying React components (.tsx, .jsx files), when implementing CSS or Tailwind responsive utilities (sm:, md:, lg:, xl: breakpoints), when working on layout components, navigation menus, grid systems, when optim

Blocos de construção de UI de chat para React/Next.js de ui.inference.sh. Esta skill oferece componentes como container, mensagens, input, indicadores de digitação e avatares para construir UIs de chat personalizadas, interfaces de mensagens e assistentes de IA, suportando listas de mensagens, manipulação de input e streaming.

Crie seções web animadas, cenas e explicações baseadas em código usando um pequeno runtime React + SVG. Use esta skill para criar animações do zero, como heróis animados, gráficos em movimento ou para dar vida a SVGs, gerando HTML executável.