Explorar skills

Implement BigCommerce webhooks — event topics, webhook management, payload handling, verification, retry logic, and event-driven architecture. Use when building real-time integrations that react to store events.

Scaffold a new React component with test file for the catalog UI.

Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects prefers-reduced-motion.

Converts Stitch designs into modular Vite + React components — TypeScript, theme-mapped Tailwind, dark mode via CSS variables, and clean component architecture. Use this for Vite/React apps without App Router. For Next.js 15 App Router, use stitch-nextjs-components instead.

Modernize interfaces de usuário React, Vue ou Svelte com Tailwind para um design de nível SaaS de 2026, inspirado na estética de Linear, Vercel, Stripe ou shadcn. Compatível com Next.js, Nuxt 3, SvelteKit e Vite.

Master entry point for all Stitch design workflows. Routes from user request → design spec → prompt assembly → screen generation → iteration (edit, variants, design systems) → design system extraction → framework conversion (Next.js, Svelte, HTML, React Native, or SwiftUI) → optional quality pass.

Integrates shadcn/ui into React apps generated from Stitch designs. Component discovery and installation, token alignment with Stitch design system, customization patterns, and blocks (auth, dashboard, sidebar). Use with stitch-react-components or stitch-nextjs-components.

Converts Stitch mobile designs into React Native / Expo components — TypeScript, StyleSheet, Expo Router, dark mode via useColorScheme, and proper touch targets. Cross-platform iOS and Android.

Estilo de codificação e padrões cotidianos para o desenvolvimento de jogos R3F usando Miniplex ECS.

Desenvolva aplicativos móveis acessíveis (iOS e Android) em conformidade com o RAAM 1.1 (baseado em EN 301 549 v3.2.1 / WCAG 2.1). Esta skill abrange os 15 temas do RAAM com orientação de código para apps nativos, React Native, Flutter ou qualquer UI móvel que precise atender à lei de acessibilidade de Luxemburgo, com conformidade padrão Nível AA.

Melhores práticas para Remotion, focando na criação de vídeo com React.

Crie extensões para Chrome usando o framework WXT com TypeScript, React, Vue ou Svelte. Ideal para desenvolver extensões de navegador, add-ons cross-browser ou projetos para a Chrome Web Store.