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.

Crie um aplicativo React OpenClaw AI de assistente de cripto para o ecossistema Binance. Esta skill é ideal para desenvolver chatbots de IA, assistentes de negociação, ferramentas de educação ou qualquer solução de IA para criptomoedas, estratégias de trading e blockchain.

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

Analisa a qualidade de UI/UX com base em 4 critérios de autoridade (NNg 10 Heurísticas, Leis de UX, Apple HIG, WCAG) e propõe melhorias. Fornece avaliação de UX baseada em evidências e direções de modificação a partir de código ou descrições de tela.

Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality analysis with security and complexity scoring, and stack selection guidance. Use when the user asks to "scaffold a new project", "create a Next.js app", "set up FastAPI with React", "analyze code quality", "audit my codebase", "what stack should I use", "generate project boilerplate",

Gere arte ASCII animada, visuais tramados e efeitos semelhantes a shaders como componentes React/TSX autocontidos. Ideal para criar fundos ASCII, efeitos de imagem/vídeo tramados, sobreposições CRT/retro, chuva de matriz e outros efeitos visuais baseados em texto/caracteres para a web, com suporte a abordagens generativas.

DEVE SER USADO para qualquer tarefa envolvendo Ionic Framework ou Capacitor. OBRIGATÓRIO sempre que o código ou projeto do usuário envolver: componentes ion-* (ion-button, ion-content, ion-tabs, ion-modal, ion-grid, ion-page), @ionic/react, @ionic/angular, @ionic/vue, @capacitor/core, plugins do Capacitor (Camera, Preferences, Geolocation, Push Notifications, Filesystem, Haptics, StatusBar, SplashScreen), capacitor.config.ts

Convert Lovable/Vite React projects to Next.js App Router with static export for GitHub Pages. Handles full project restructuring: routing, SEO (metadata, OpenGraph, JSON-LD), sitemap, GitHub Actions CI/CD pipeline, data/ folder as file-based CMS, and proper 'use client' boundaries. Use this skill whenever the user mentions converting a Vite project to Next.js, migrating from Lovable to Next.js, r

Access BRENDA enzyme database via SOAP API. Retrieve kinetic parameters (Km, kcat), reaction equations, organism data, and substrate-specific enzyme information for biochemical research and metabolic pathway analysis.

Reverse-engineer any codebase into a complete Product Requirements Document (PRD). Analyzes routes, components, state management, API integrations, and user interactions to produce business-readable documentation detailed enough for engineers or AI agents to fully reconstruct every page and endpoint. Works with frontend frameworks (React, Vue, Angular, Svelte, Next.js, Nuxt), backend frameworks (N

Context-aware design intelligence with curated CSV databases for styles, palettes, typography, UX rules, and wow effects. Provides industry-matched color palettes, font pairings, layout patterns, spacing/radius/shadow scales, gradient recipes, micro-animations, and accessibility-safe UX rules. Stack-agnostic — outputs design decisions for any frontend (Astro, SvelteKit, Next.js, React). Use when: