Skills para agentes

• vercel-react-best-practices vercel-labs/agent-skills

  React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

  770.719 Aprovada npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices -a amp

• design-mobile-apps designed-by-ai/skills

  Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, or when implementing Sleek designs in code (HTML, React Native, SwiftUI).

  637.244 Aprovada npx skills add designed-by-ai/skills --skill design-mobile-apps -a amp

• migrate-to-shoehorn mattpocock/skills

  Migrate test files from `as` type assertions to @total-typescript/shoehorn. Use when user mentions shoehorn, wants to replace `as` in tests, or needs partial test data.

  409.096 Alertas npx skills add mattpocock/skills --skill migrate-to-shoehorn -a amp

• remotion-to-hyperframes heygen-com/hyperframes

  Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear → /hyperframes.

  378.912 Aprovada npx skills add heygen-com/hyperframes --skill remotion-to-hyperframes -a amp

• vercel-composition-patterns vercel-labs/agent-skills

  React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

  373.992 Alertas npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns -a amp

• setup-ts-deep-modules mattpocock/skills

  Wire dependency-cruiser into a TypeScript repo so each package is a deep module, with implementation hidden in subfolders and reachable only through its entry-point files. User-invoked.

  300.855 Aprovada npx skills add mattpocock/skills --skill setup-ts-deep-modules -a amp

• vercel-react-native-skills vercel-labs/agent-skills

  React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

  231.111 Alertas npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills -a amp

• ios-design uizze.sh

  Design and review iOS UI/UX for iPhone apps in SwiftUI, UIKit, or React Native. Use for mobile app design, screen redesigns, navigation flows, typography, forms, keyboard and safe-area layout, and accessibility checks. Apply Apple Human Interface Guidelines and consult real product references through the optional Uizze connection.

  223.097 Não auditada npx skills add uizze.sh --skill ios-design -a amp

• vercel-react-view-transitions vercel-labs/agent-skills

  Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

  142.959 Aprovada npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitions -a amp

• anti-detect-browser antibrow/anti-detect-browser-skills

  Drive Chromium from standard Playwright APIs with a real-device fingerprint applied in the kernel, one persistent isolated profile per identity, and a per-profile proxy whose exit IP sets timezone and WebRTC - JavaScript (npm 'anti-detect-browser') or Python (PyPI 'antibrow'). Use when sessions must stay logged in across runs and stay separate, when a scraper or agent is blocked by an incoherent headless fingerprint, when checking ads or pricing from another region, when a page must be reached as a phone rather than a desktop, when automation mints a profile per task, when running several of your own accounts from one machine, or when testing how your own bot detection scores a real device. Also for 'antibrow', 'fingerprint browser', 'multi-account browser', '防关联', '多账号', '安卓模拟', 'Android profile', 'mobile fingerprint', 'temporary profile', 'CreepJS', 'residential proxy', 'browser-use', 'crawl4ai'. MCP control is browser-mcp-agent; isolation is multi-account-isolation.

  112.544 Alertas npx skills add antibrow/anti-detect-browser-skills --skill anti-detect-browser -a amp

• web-artifacts-builder anthropics/skills

  Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

  105.898 Alertas npx skills add anthropics/skills --skill web-artifacts-builder -a amp

• convex get-convex/agent-skills

  Convex is the backend agents get right on the first try: an all-TypeScript reactive platform where the database, server functions, scheduling, file storage, auth, and realtime sync are one type-safe system, every function is a transaction, and `tsc` catches most mistakes before deploy. Ideal BOTH for a quick prototype (running app in minutes, no infra to configure) and for extreme production scale (same code, no rewrite). Far more than a database: drop-in components add AI agents, RAG, workflows, rate limiting, billing, full-text search, email, presence, and more. Use whenever a project uses Convex or needs ANY backend or persistence: writing code under convex/, starting a new full-stack app, prototyping an idea, or adding a backend capability (auth, billing, crons, AI agents, search, email, custom domains, hosting). Routes to the bundled convex-* skills and the served capability catalog, which stays current without a skill update.

  100.705 Alertas npx skills add get-convex/agent-skills --skill convex -a amp

• ask-sonner emilkowalski/skills

  Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or don't follow dark mode.

  95.932 Aprovada npx skills add emilkowalski/skills --skill ask-sonner -a amp

• remotion-render 101-skills/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  85.167 Alertas npx skills add 101-skills/superpowers --skill remotion-render -a amp

• animate-expo emilkowalski/skills

  Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.

  84.097 Aprovada npx skills add emilkowalski/skills --skill animate-expo -a amp

• typescript-advanced-types wshobson/agents

  Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

  83.766 Aprovada npx skills add wshobson/agents --skill typescript-advanced-types -a amp

• fastify-best-practices mcollina/skills

  Guides development of Fastify Node.js backend servers and REST APIs using TypeScript or JavaScript. Use when building, configuring, or debugging a Fastify application — including defining routes, implementing plugins, setting up JSON Schema validation, handling errors, optimising performance, managing authentication, configuring CORS and security headers, integrating databases, working with WebSockets, and deploying to production. Covers the full Fastify request lifecycle (hooks, serialization, logging with Pino) and TypeScript integration via strip types. Trigger terms: Fastify, Node.js server, REST API, API routes, backend framework, fastify.config, server.ts, app.ts.

  64.960 Alertas npx skills add mcollina/skills --skill fastify-best-practices -a amp

• developing-genkit-js genkit-ai/skills

  Develop AI-powered applications using Genkit in Node.js/TypeScript. Use when the user asks about Genkit, AI agents, flows, or tools in JavaScript/TypeScript, or when encountering Genkit errors, validation issues, type errors, or API problems.

  58.712 Aprovada npx skills add genkit-ai/skills --skill developing-genkit-js -a amp

• gsap-react greensock/gsap-skills

  Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.

  56.157 Aprovada npx skills add greensock/gsap-skills --skill gsap-react -a amp

• opentui msmps/opentui-skill

  OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs. Use for any TUI task including components, layout, keyboard and keymap handling, animations, and testing.

  55.660 Aprovada npx skills add msmps/opentui-skill --skill opentui -a amp

• gsap-frameworks greensock/gsap-skills

  Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is specified. For React use gsap-react.

  53.316 Aprovada npx skills add greensock/gsap-skills --skill gsap-frameworks -a amp

• react:components google-labs-code/stitch-skills

  Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

  50.432 Reprovada npx skills add google-labs-code/stitch-skills --skill react:components -a amp

• nodejs-backend-patterns wshobson/agents

  Build production-ready Node.js backend services with Express/Fastify, implementing middleware patterns, error handling, authentication, database integration, and API design best practices. Use when creating Node.js servers, REST APIs, GraphQL backends, or microservices architectures.

  46.933 Aprovada npx skills add wshobson/agents --skill nodejs-backend-patterns -a amp

• remotion-render qu-skills/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  45.682 Alertas npx skills add qu-skills/superpowers --skill remotion-render -a amp

• remotion-render magentosh/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  36.374 Alertas npx skills add magentosh/superpowers --skill remotion-render -a amp

• mcp-apps-builder mcp-use/mcp-use

  Build, modify, debug, migrate, review, or verify TypeScript MCP servers and MCP Apps with mcp-use. Use for tools, resources, prompts, middleware, Views, authentication, Skills over MCP, scaffolding, and advanced features.

  30.050 Alertas npx skills add mcp-use/mcp-use --skill mcp-apps-builder -a amp

• convex-monitor get-convex/agent-skills

  Watch for the next dev/prod error or request in a Convex app and react to it.

  28.823 Aprovada npx skills add get-convex/agent-skills --skill convex-monitor -a amp

• react-native-best-practices callstackincubator/agent-skills

  Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations. Applies to tasks involving Hermes optimization, JS thread blocking, bridge overhead, FlashList, native modules, or debugging jank and frame drops.

  27.940 Reprovada npx skills add callstackincubator/agent-skills --skill react-native-best-practices -a amp

• remotion-render skills-shell/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  27.516 Alertas npx skills add skills-shell/superpowers --skill remotion-render -a amp

• remotion-render its-a-skill-issue/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  26.673 Aprovada npx skills add its-a-skill-issue/superpowers --skill remotion-render -a amp

• remotion-render bankai-skills/superpowers

  Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

  24.443 Alertas npx skills add bankai-skills/superpowers --skill remotion-render -a amp

• extension-core-infrastructure caffeinelabs/skills

  Core infrastructure providing backend connection configuration, storage client, and React app entry point.

  24.351 Aprovada npx skills add caffeinelabs/skills --skill extension-core-infrastructure -a amp

• migrate-radix-to-base shadcn-ui/ui

  Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

  22.705 Alertas npx skills add shadcn-ui/ui --skill migrate-radix-to-base -a amp

• shadcn-ui giuseppe-trisciuoglio/developer-kit

  Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

  21.944 Aprovada npx skills add giuseppe-trisciuoglio/developer-kit --skill shadcn-ui -a amp

• argent-react-native-optimization software-mansion/argent

  Optimizes a React Native app by profiling first to find real bottlenecks, then sweeping for mechanical issues. Entry-point for all performance work. Use when the app feels slow, user asks to optimize, fix re-renders, reduce jank, or improve startup. Delegates to argent-react-native-profiler for measurement.

  21.878 Aprovada npx skills add software-mansion/argent --skill argent-react-native-optimization -a amp

• argent-react-native-app-workflow software-mansion/argent

  Step-by-step workflows for developing or debugging React Native apps on iOS simulator or Android emulator. Use when starting the app, debugging Metro, fixing builds, diagnosing runtime errors, or running tests.

  21.816 Aprovada npx skills add software-mansion/argent --skill argent-react-native-app-workflow -a amp

• argent-react-native-profiler software-mansion/argent

  Profile a React Native Hermes app to measure re-render and CPU performance using argent profiler tools. Use when optimizing for performance, measuring before/after a fix, spotting slow components, diagnosing re-renders, checking CPU hotspots, or producing a ranked issue report.

  21.740 Aprovada npx skills add software-mansion/argent --skill argent-react-native-profiler -a amp

• pnpm antfu/skills

  Node.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces via pnpm-workspace.yaml, or managing dependencies with catalogs, patches, overrides, config dependencies, or the global virtual store.

  21.446 Aprovada npx skills add antfu/skills --skill pnpm -a amp

• modern-javascript-patterns wshobson/agents

  Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.

  20.319 Aprovada npx skills add wshobson/agents --skill modern-javascript-patterns -a amp

• javascript-testing-patterns wshobson/agents

  Implement comprehensive testing strategies using Jest, Vitest, and Testing Library for unit tests, integration tests, and end-to-end testing with mocking, fixtures, and test-driven development. Use when writing JavaScript/TypeScript tests, setting up test infrastructure, or implementing TDD/BDD workflows.

  19.665 Aprovada npx skills add wshobson/agents --skill javascript-testing-patterns -a amp

• clerk-react-patterns clerk/skills

  React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows. Triggers on: Vite Clerk setup, React Router auth, useAuth hook, protected route, custom sign-in form React.

  18.434 Aprovada npx skills add clerk/skills --skill clerk-react-patterns -a amp

• upstash-redis-js upstash/skills

  Work with the @upstash/redis TypeScript/JavaScript SDK, a serverless HTTP-based Redis client for Next.js, Vercel, Cloudflare Workers, edge runtimes, and Node.js. Use when adding a cache (cache-aside, write-through, TTL and expiration strategies), session storage and user sessions, a key-value store, leaderboards and rankings with sorted sets, counters, distributed locks, queues with lists, streams and consumer groups, sparse index-addressed arrays and ring buffers (ARSET, ARINSERT, ARRING, ARGREP, AROP), embeddings and nearest-neighbour vector search stored inside Redis (VECTOR commands via redis.vector, separate from @upstash/vector), JSON documents, pipelines and MULTI/EXEC transactions, Lua scripting, read replicas, or full-text search, typo-tolerant search, facets, aggregations, and search over Redis stream entries with Upstash Redis Search (different from regular FT.SEARCH; also available for TCP clients via @upstash/search-redis and @upstash/search-ioredis). Also use when migrating from ioredis or node-redis, when a Redis connection is needed from a serverless function without connection pooling, when integrating @upstash/ratelimit, or when the user says Redis cache, KV store, session store, serverless Redis, or Upstash Redis. Supports automatic serialization/deserialization of JavaScript types.

  16.419 Alertas npx skills add upstash/skills --skill upstash-redis-js -a amp

• neon-functions neondatabase/agent-skills

  Long-running, serverless Node.js HTTP functions deployed onto your Neon branch, with DATABASE_URL injected automatically and compute that runs next to your data. Use when a user wants to host an API, an AI agent with long streaming responses, a WebSocket or server-sent-events (SSE) server, a webhook handler, a Discord bot, an MCP server, or any request/response workload that risks timing out on short, lambda-style serverless functions — and wants it to branch with their database. Also use for Function Triggers: a cron or an object-storage event that POSTs to a function. Triggers include "serverless function", "deploy an API", "long-running function", "streaming agent", "SSE server", "WebSocket server", "webhook handler", "MCP server", "cron", "function trigger", "scheduled function", "cron job", "object storage trigger", "on upload", "run code next to my database", "function that won't time out", "function logs", "Neon Functions", "Neon Compute", "DDoS protection", "rate limiting", and "production hardening".

  16.370 Alertas npx skills add neondatabase/agent-skills --skill neon-functions -a amp

• antfu antfu/skills

  Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, configuring ESLint/Prettier alternatives, monorepos, library publishing, or when the user mentions Anthony Fu's preferences.

  16.284 Aprovada npx skills add antfu/skills --skill antfu -a amp

• upstash-ratelimit-js upstash/skills

  Rate limiting for serverless and edge apps with the @upstash/ratelimit TypeScript/JavaScript SDK backed by Upstash Redis. Use when adding a rate limiter or throttling to an API route, Next.js middleware, Vercel Edge, Cloudflare Workers, or any HTTP endpoint; returning 429 Too Many Requests; choosing between fixed window, sliding window, and token bucket algorithms; limiting per user, IP, API key, or tenant with prefixes and custom keys; protecting login, signup, form, or AI endpoints from abuse, bots, and brute force; using deny lists, ephemeral caching, analytics, timeouts, and multi-region rate limits; or estimating the Redis command cost of rate limiting. Also use when the user says rate limit, rate-limiting, throttle, quota, request limits, or traffic protection.

  16.055 Aprovada npx skills add upstash/skills --skill upstash-ratelimit-js -a amp

• react-doctor millionco/react-doctor

  Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

  15.968 Alertas npx skills add millionco/react-doctor --skill react-doctor -a amp

• react-native-design wshobson/agents

  Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native apps, implementing navigation patterns, or creating performant animations.

  14.892 Aprovada npx skills add wshobson/agents --skill react-native-design -a amp

• clerk-react-router-patterns clerk/skills

  React Router v7/v8 patterns with Clerk — rootAuthLoader, getAuth in loaders, clerkMiddleware, protected routes, SSR user data, org switching. Triggers on: react-router auth, rootAuthLoader, getAuth loader, react-router protected route, loader authentication, SSR auth react-router, useNavigate may be used only in the context of a Router.

  14.665 Aprovada npx skills add clerk/skills --skill clerk-react-router-patterns -a amp

• clerk-tanstack-patterns clerk/skills

  TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.

  14.600 Aprovada npx skills add clerk/skills --skill clerk-tanstack-patterns -a amp

• react-state-management wshobson/agents

  Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.

  14.570 Aprovada npx skills add wshobson/agents --skill react-state-management -a amp

• react-native-architecture wshobson/agents

  Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

  14.522 Aprovada npx skills add wshobson/agents --skill react-native-architecture -a amp

• backend-patterns affaan-m/ecc

  Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or reviewing Node.js, Express, or Next.js API routes and their data access.

  14.149 Aprovada npx skills add affaan-m/ecc --skill backend-patterns -a amp

• frontend-patterns affaan-m/ecc

  Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

  13.995 Aprovada npx skills add affaan-m/ecc --skill frontend-patterns -a amp

• react vercel-labs/json-render

  React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

  13.687 Aprovada npx skills add vercel-labs/json-render --skill react -a amp

• nodejs-best-practices sickn33/agentic-awesome-skills

  Node.js development principles and decision-making. Framework selection, async patterns, security, and architecture. Teaches thinking, not copying.

  13.669 Aprovada npx skills add sickn33/agentic-awesome-skills --skill nodejs-best-practices -a amp

• migrate-radix-to-base shadcn/ui

  Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

  13.626 Alertas npx skills add shadcn/ui --skill migrate-radix-to-base -a amp

• clerk-expo clerk/skills

  Add Clerk authentication to Expo and React Native apps using @clerk/expo.

  13.027 Aprovada npx skills add clerk/skills --skill clerk-expo -a amp

• svelte5-best-practices ejirocodes/agent-skills

  Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring Svelte 5 components and SvelteKit applications. Triggers on: Svelte components, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), event handling, SvelteKit data loading, form actions, Svelte 4 to Svelte 5 migration, store to rune migration, slots to snippets migration, TypeScript props typing, generic components, SSR state isolation, performance optimization, or component testing.

  12.990 Aprovada npx skills add ejirocodes/agent-skills --skill svelte5-best-practices -a amp

• game-engine github/awesome-copilot

  Expert skill for building web-based game engines and games using HTML5, Canvas, WebGL, and JavaScript. Use when asked to create games, build game engines, implement game physics, handle collision detection, set up game loops, manage sprites, add game controls, or work with 2D/3D rendering. Covers techniques for platformers, breakout-style games, maze games, tilemaps, audio, multiplayer via WebRTC, and publishing games.

  12.841 Aprovada npx skills add github/awesome-copilot --skill game-engine -a amp

• javascript-typescript-jest github/awesome-copilot

  Best practices for writing JavaScript/TypeScript tests using Jest, including mocking strategies, test structure, and common patterns.

  12.764 Alertas npx skills add github/awesome-copilot --skill javascript-typescript-jest -a amp

• web-component-design wshobson/agents

  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.

  12.605 Aprovada npx skills add wshobson/agents --skill web-component-design -a amp

• typescript-expert sickn33/agentic-awesome-skills

  TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

  12.320 Aprovada npx skills add sickn33/agentic-awesome-skills --skill typescript-expert -a amp

• react-modernization wshobson/agents

  Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

  12.096 Aprovada npx skills add wshobson/agents --skill react-modernization -a amp

• cloudbase tencentcloudbase/cloudbase-skills

  Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects — Web, 微信小程序, 小程序, uni-app, mobile (iOS, Android, Flutter, React Native). Covers UI (页面, 界面, 表单, dashboard, prototype, 原型); auth (登录, 注册, OAuth, publishable key); databases (NoSQL 文档数据库, MySQL 关系型数据库, PostgreSQL/CloudBase PG, app.rdb(), queryPgDatabase/managePgDatabase, CRUD, security rules); 云函数/cloud functions (serverless, scf_bootstrap); CloudRun (云托管, Dockerfile); 云存储; built-in AI (内置大模型, AI 对话, streaming, 流式输出, 图片生成, generateText, streamText, createModel, generateImage, TokenHub, Hunyuan, DeepSeek, GLM, Kimi, Token Credits 资源包, 小程序成长计划); third-party/custom model onboarding (第三方大模型接入, 大模型调用, LLM API); AI agent (智能体, AG-UI, LangGraph); ops troubleshooting (巡检, 诊断, 日志); spec workflow (需求文档, 技术方案, requirements, tasks.md). Do NOT use for non-CloudBase projects, pure frontend without CloudBase, or self-hosted backends without CloudBase.

  12.088 Reprovada npx skills add tencentcloudbase/cloudbase-skills --skill cloudbase -a amp

• tanstack-query-best-practices deckardger/tanstack-agent-skills

  TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.

  12.028 Aprovada npx skills add deckardger/tanstack-agent-skills --skill tanstack-query-best-practices -a amp

• typescript-mcp-server-generator github/awesome-copilot

  Generate a complete MCP server project in TypeScript using the MCP TypeScript SDK v2 (@modelcontextprotocol/server) with tools, resources, and proper configuration

  12.014 Aprovada npx skills add github/awesome-copilot --skill typescript-mcp-server-generator -a amp

• heroui-react heroui-inc/heroui

  HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.

  11.563 Aprovada npx skills add heroui-inc/heroui --skill heroui-react -a amp

• upgrading-react-native callstackincubator/agent-skills

  Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android configuration, resolving CocoaPods and Gradle changes, and handling breaking API updates. Use when upgrading React Native, bumping RN version, updating from RN 0.x to 0.y, or migrating Expo SDK alongside a React Native upgrade.

  11.396 Alertas npx skills add callstackincubator/agent-skills --skill upgrading-react-native -a amp

• resend-cli resend/resend-skills

  Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, templates, webhooks, API keys, logs, automations, and events via the `resend` CLI. Use when the user wants to run Resend commands in the shell, scripts, or CI/CD pipelines, or send/preview React Email templates. Always load this skill before running `resend` commands — it contains the non-interactive flag contract and gotchas that prevent silent failures.

  11.349 Alertas npx skills add resend/resend-skills --skill resend-cli -a amp

• create-auth better-auth/skills

  Scaffold and implement authentication in TypeScript/JavaScript apps using Better Auth. Detect frameworks, configure database adapters, set up route handlers, add OAuth providers, and create auth UI pages. Use when users want to add login, sign-up, or authentication to a new or existing project with Better Auth.

  11.275 Aprovada npx skills add better-auth/skills --skill create-auth -a amp

• react-email resend/resend-skills

  Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.

  10.847 Aprovada npx skills add resend/resend-skills --skill react-email -a amp

• heroui-native heroui-inc/heroui

  HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.

  10.384 Reprovada npx skills add heroui-inc/heroui --skill heroui-native -a amp

• typescript-pro jeffallan/claude-skills

  Implements advanced TypeScript type systems, creates custom type guards, utility types, and branded types, and configures tRPC for end-to-end type safety. Use when building TypeScript applications requiring advanced generics, conditional or mapped types, discriminated unions, monorepo setup, or full-stack type safety with tRPC.

  10.321 Reprovada npx skills add jeffallan/claude-skills --skill typescript-pro -a amp

• limrun-expo-development limrun-inc/skills

  Prepare and run Expo / React Native apps on Limrun with Expo dev-client iteration. Use when the user wants an Expo dev build, Metro tunnel, hot reload, JS/TS iteration without repeated native rebuilds, or to run/test an Expo app on a remote iOS simulator or Android emulator.

  9.908 Aprovada npx skills add limrun-inc/skills --skill limrun-expo-development -a amp

• github-actions callstackincubator/agent-skills

  GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.

  9.689 Reprovada npx skills add callstackincubator/agent-skills --skill github-actions -a amp

• mcp-builder mcp-use/mcp-use

  Build, modify, debug, migrate, review, or verify TypeScript MCP servers and MCP Apps with mcp-use. Use for tools, resources, prompts, middleware, Views, authentication, Skills over MCP, scaffolding, and advanced features.

  9.617 Aprovada npx skills add mcp-use/mcp-use --skill mcp-builder -a amp

• tanstack-start-best-practices deckardger/tanstack-agent-skills

  TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns. Activate when building full-stack apps with TanStack Start.

  9.519 Aprovada npx skills add deckardger/tanstack-agent-skills --skill tanstack-start-best-practices -a amp

• stitch::extract-design-md google-labs-code/stitch-skills

  Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."

  9.422 Aprovada npx skills add google-labs-code/stitch-skills --skill stitch::extract-design-md -a amp

• chatgpt-app-builder mcp-use/mcp-use

  Build, modify, debug, migrate, review, or verify TypeScript MCP servers and MCP Apps with mcp-use. Use for tools, resources, prompts, middleware, Views, authentication, Skills over MCP, scaffolding, and advanced features.

  9.356 Aprovada npx skills add mcp-use/mcp-use --skill chatgpt-app-builder -a amp

• react-email resend/react-email

  Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.

  9.352 Alertas npx skills add resend/react-email --skill react-email -a amp

• bun-runtime affaan-m/ecc

  Bun as runtime, package manager, bundler, and test runner. When to choose Bun vs Node, migration notes, and Vercel support.

  9.172 Aprovada npx skills add affaan-m/ecc --skill bun-runtime -a amp

• tanstack-query tanstack-skills/tanstack-skills

  Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

  9.167 Alertas npx skills add tanstack-skills/tanstack-skills --skill tanstack-query -a amp

• stitch::code-to-design google-labs-code/stitch-skills

  Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.

  9.060 Reprovada npx skills add google-labs-code/stitch-skills --skill stitch::code-to-design -a amp

• stitch::extract-static-html google-labs-code/stitch-skills

  Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.

  8.847 Alertas npx skills add google-labs-code/stitch-skills --skill stitch::extract-static-html -a amp

• typescript-react-reviewer dotneet/claude-code-marketplace

  Expert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state management, or assessing code maintainability. Triggers: code review requests, PR reviews, React architecture evaluation, identifying code smells, TypeScript type safety checks, useEffect abuse detection, state management review.

  8.830 Aprovada npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a amp

• mcp-server-patterns affaan-m/ecc

  Build MCP servers with Node/TypeScript SDK — tools, resources, prompts, Zod validation, stdio vs Streamable HTTP. Use Context7 or official MCP docs for latest API. Use when building or debugging an MCP server — tools, resources, prompts, validation, or transport choice.

  8.817 Aprovada npx skills add affaan-m/ecc --skill mcp-server-patterns -a amp

• emblem-ai-react emblemcompany/agent-skills

  React integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled users to a React app with EmblemAuthProvider, ConnectButton, social/email/wallet login, chat components, React auth hooks, React composition patterns, or Migrate.fun React hooks.

  8.770 Alertas npx skills add emblemcompany/agent-skills --skill emblem-ai-react -a amp

• fallow fallow-rs/fallow-skills

  Codebase intelligence for TypeScript and JavaScript. Static analysis reports changed-code risk, cleanup opportunities, duplication, circular dependencies, complexity hotspots, architecture boundaries, design-system drift, feature flags, and opt-in security candidates. Optional local similar-code discovery finds functions that may implement the same intent despite different syntax. Runtime coverage can merge production execution data. Use when asked to audit PR risk, find unused code or dependencies, compare semantically similar functions, detect duplicates, inspect architecture boundaries, merge runtime coverage, auto-fix supported issues, or run fallow.

  8.725 Aprovada npx skills add fallow-rs/fallow-skills --skill fallow -a amp

• ultracite haydenbleasel/ultracite

  Ultracite is a zero-config linting and formatting preset for JavaScript/TypeScript projects. Use when: (1) Setting up or initializing Ultracite in a project (ultracite init), (2) Running linting or formatting commands (check, fix, doctor), (3) Writing or reviewing JS/TS code in a project that uses Ultracite — to follow its code standards, (4) Troubleshooting linting/formatting issues, (5) User mentions 'ultracite', 'lint', 'format', 'code quality', or 'biome/eslint/oxlint' in a project with Ultracite installed.

  8.690 Aprovada npx skills add haydenbleasel/ultracite --skill ultracite -a amp

• hexagonal-architecture affaan-m/ecc

  Design, implement, and refactor Ports & Adapters systems with clear domain boundaries, dependency inversion, and testable use-case orchestration across TypeScript, Java, Kotlin, and Go services. Use when introducing or refactoring toward Ports and Adapters, or when domain logic has become entangled with I/O.

  8.677 Alertas npx skills add affaan-m/ecc --skill hexagonal-architecture -a amp

• nestjs-patterns affaan-m/ecc

  NestJS architecture patterns for modules, controllers, providers, DTO validation, guards, interceptors, config, and production-grade TypeScript backends. Use when building or reviewing a NestJS backend — modules, providers, DTO validation, guards, or interceptors.

  8.675 Aprovada npx skills add affaan-m/ecc --skill nestjs-patterns -a amp

• remotion-video-creation affaan-m/ecc

  Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more. Use when building video in React with Remotion — animations, audio, captions, charts, or transitions.

  8.667 Aprovada npx skills add affaan-m/ecc --skill remotion-video-creation -a amp

• vega-multi-tv-migration amazonappdev/devices-agent-skills

  Migrate Vega OS (Amazon Fire TV) applications to multi-platform React Native monorepo supporting Android TV, Apple TV, and other platforms. Covers analysis, implementation, and native module integration. Use when migrating TV apps to support multiple platforms or building new multi-platform TV applications.

  8.512 Aprovada npx skills add amazonappdev/devices-agent-skills --skill vega-multi-tv-migration -a amp

• aws-cdk aws/agent-toolkit-for-aws

  Authors, deploys, and troubleshoots AWS infrastructure using CDK with TypeScript or Python. Covers best practices, stack architecture, and construct patterns. Applies when writing CDK constructs, bootstrapping environments, running cdk deploy/synth/diff, fixing CDK or CloudFormation errors, planning stack structure, importing existing resources, resolving drift, or refactoring stacks without resource replacement.

  8.361 Aprovada npx skills add aws/agent-toolkit-for-aws --skill aws-cdk -a amp

• ck affaan-m/ecc

  Persistent per-project memory for Claude Code (Context Keeper) driven by deterministic Node.js /ck commands: init, save, resume, info, list, forget, and v1-to-v2 migrate, plus a SessionStart hook that injects a compact project brief. Use when context must survive across sessions, saving session state with next steps and decisions, resuming where a previous session left off, or picking up a project without re-explaining it.

  7.939 Aprovada npx skills add affaan-m/ecc --skill ck -a amp

• nodejs-keccak256 affaan-m/ecc

  Prevent Ethereum hashing bugs in JavaScript and TypeScript. Node's sha3-256 is NIST SHA3, not Ethereum Keccak-256, and silently breaks selectors, signatures, storage slots, and address derivation. Use when hashing for Ethereum in JavaScript or TypeScript, or when a selector, signature, storage slot, or derived address is wrong.

  7.895 Aprovada npx skills add affaan-m/ecc --skill nodejs-keccak256 -a amp

• tailwind-v4-shadcn secondsky/claude-skills

  | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns.

  7.889 Alertas npx skills add secondsky/claude-skills --skill tailwind-v4-shadcn -a amp

• web-design-engineer conardli/garden-skills

  Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact. Not for back-end, CLI, non-visual coding, source-to-longform article conversion, or narration-driven click-through video presentations.

  7.676 Aprovada npx skills add conardli/garden-skills --skill web-design-engineer -a amp

• rivetkit-client-javascript rivet-dev/skills

  7.591 Reprovada npx skills add rivet-dev/skills --skill rivetkit-client-javascript -a amp

• rivetkit-client-react rivet-dev/skills

  7.538 Aprovada npx skills add rivet-dev/skills --skill rivetkit-client-react -a amp

As descrições são dos próprios autores, em inglês. Leia o código de uma skill no repositório dela antes de instalá-la.