สกิลสำหรับเอเจนต์

• 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 ผ่าน npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices

• 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 ผ่าน npx skills add designed-by-ai/skills --skill design-mobile-apps

• 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 ผ่าน npx skills add heygen-com/hyperframes --skill remotion-to-hyperframes

• 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 ผ่าน npx skills add mattpocock/skills --skill setup-ts-deep-modules

• 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 ผ่าน npx skills add vercel-labs/agent-skills --skill vercel-react-view-transitions

• 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 ผ่าน npx skills add emilkowalski/skills --skill ask-sonner

• 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 ผ่าน npx skills add emilkowalski/skills --skill animate-expo

• 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 ผ่าน npx skills add wshobson/agents --skill typescript-advanced-types

• 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 ผ่าน npx skills add genkit-ai/skills --skill developing-genkit-js

• 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 ผ่าน npx skills add greensock/gsap-skills --skill gsap-react

• 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 ผ่าน npx skills add msmps/opentui-skill --skill opentui

• 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 ผ่าน npx skills add greensock/gsap-skills --skill gsap-frameworks

• 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 ผ่าน npx skills add wshobson/agents --skill nodejs-backend-patterns

• 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 ผ่าน npx skills add get-convex/agent-skills --skill convex-monitor

• 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 ผ่าน npx skills add its-a-skill-issue/superpowers --skill remotion-render

• extension-core-infrastructure caffeinelabs/skills

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

  24,351 ผ่าน npx skills add caffeinelabs/skills --skill extension-core-infrastructure

• 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 ผ่าน npx skills add giuseppe-trisciuoglio/developer-kit --skill shadcn-ui

• 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 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-optimization

• 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 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-app-workflow

• 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 ผ่าน npx skills add software-mansion/argent --skill argent-react-native-profiler

• 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 ผ่าน npx skills add antfu/skills --skill pnpm

• 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 ผ่าน npx skills add wshobson/agents --skill modern-javascript-patterns

• 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 ผ่าน npx skills add wshobson/agents --skill javascript-testing-patterns

• 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 ผ่าน npx skills add clerk/skills --skill clerk-react-patterns

• 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 ผ่าน npx skills add antfu/skills --skill antfu

• 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 ผ่าน npx skills add upstash/skills --skill upstash-ratelimit-js

• 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 ผ่าน npx skills add wshobson/agents --skill react-native-design

• 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 ผ่าน npx skills add clerk/skills --skill clerk-react-router-patterns

• 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 ผ่าน npx skills add clerk/skills --skill clerk-tanstack-patterns

• 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 ผ่าน npx skills add wshobson/agents --skill react-state-management

• 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 ผ่าน npx skills add wshobson/agents --skill react-native-architecture

• 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 ผ่าน npx skills add affaan-m/ecc --skill backend-patterns

• 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 ผ่าน npx skills add affaan-m/ecc --skill frontend-patterns

• 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 ผ่าน npx skills add vercel-labs/json-render --skill react

• 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 ผ่าน npx skills add sickn33/agentic-awesome-skills --skill nodejs-best-practices

• clerk-expo clerk/skills

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

  13,027 ผ่าน npx skills add clerk/skills --skill clerk-expo

• 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 ผ่าน npx skills add ejirocodes/agent-skills --skill svelte5-best-practices

• 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 ผ่าน npx skills add github/awesome-copilot --skill game-engine

• 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 ผ่าน npx skills add wshobson/agents --skill web-component-design

• 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 ผ่าน npx skills add sickn33/agentic-awesome-skills --skill typescript-expert

• 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 ผ่าน npx skills add wshobson/agents --skill react-modernization

• 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 ผ่าน npx skills add deckardger/tanstack-agent-skills --skill tanstack-query-best-practices

• 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 ผ่าน npx skills add github/awesome-copilot --skill typescript-mcp-server-generator

• 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 ผ่าน npx skills add heroui-inc/heroui --skill heroui-react

• 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 ผ่าน npx skills add better-auth/skills --skill create-auth

• 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 ผ่าน npx skills add resend/resend-skills --skill react-email

• 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 ผ่าน npx skills add limrun-inc/skills --skill limrun-expo-development

• 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 ผ่าน npx skills add mcp-use/mcp-use --skill mcp-builder

• 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 ผ่าน npx skills add deckardger/tanstack-agent-skills --skill tanstack-start-best-practices

• 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 ผ่าน npx skills add google-labs-code/stitch-skills --skill stitch::extract-design-md

• 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 ผ่าน npx skills add mcp-use/mcp-use --skill chatgpt-app-builder

• 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 ผ่าน npx skills add affaan-m/ecc --skill bun-runtime

• 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 ผ่าน npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer

• 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 ผ่าน npx skills add affaan-m/ecc --skill mcp-server-patterns

• 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 ผ่าน npx skills add fallow-rs/fallow-skills --skill fallow

• 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 ผ่าน npx skills add haydenbleasel/ultracite --skill ultracite

• 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 ผ่าน npx skills add affaan-m/ecc --skill nestjs-patterns

• 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 ผ่าน npx skills add affaan-m/ecc --skill remotion-video-creation

• 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 ผ่าน npx skills add amazonappdev/devices-agent-skills --skill vega-multi-tv-migration

• 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 ผ่าน npx skills add aws/agent-toolkit-for-aws --skill aws-cdk

• 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 ผ่าน npx skills add affaan-m/ecc --skill ck

• 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 ผ่าน npx skills add affaan-m/ecc --skill nodejs-keccak256

• 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 ผ่าน npx skills add conardli/garden-skills --skill web-design-engineer

• rivetkit-client-react rivet-dev/skills

  7,538 ผ่าน npx skills add rivet-dev/skills --skill rivetkit-client-react

• clickhouse-js-node-troubleshooting clickhouse/agent-skills

  Troubleshoot and resolve common issues with the ClickHouse Node.js client (@clickhouse/client). Use this skill whenever a user reports errors, unexpected behavior, or configuration questions involving the Node.js client specifically — including socket hang-up errors, Keep-Alive problems, stream handling issues, data type mismatches, read-only user restrictions, proxy/TLS setup problems, or long-running query timeouts. Trigger even when the user hasn't precisely named the issue; vague symptoms like "my inserts keep failing" or "connection drops randomly" in a Node.js context are strong signals to use this skill. Do NOT use for browser/Web client issues.

  7,247 ผ่าน npx skills add clickhouse/agent-skills --skill clickhouse-js-node-troubleshooting

• aws-sdk-js-v3-usage aws/agent-toolkit-for-aws

  AWS SDK for JavaScript v3 development patterns. Use when writing JavaScript or TypeScript code that uses AWS services via @aws-sdk/* packages (aws-sdk-js-v3), or when asked about schemas, runtime validation, serialization, or code generation in the context of the JS/TS AWS SDK.

  7,142 ผ่าน npx skills add aws/agent-toolkit-for-aws --skill aws-sdk-js-v3-usage

• solana-mobile solana-mobile/solana-mobile-skills

  Scaffold, configure, and troubleshoot Solana Mobile apps for Android using the solana-mobile CLI, Expo, and React Native. Use when creating a new Solana mobile app, picking a template, adding Solana to an existing Expo app, checking the Android toolchain, managing Android emulators or connected devices, installing a wallet APK for testing, running a local validator the device can reach, or producing a development build.

  6,850 ผ่าน npx skills add solana-mobile/solana-mobile-skills --skill solana-mobile

• n8n-code-javascript czlonkowski/n8n-skills

  Write JavaScript code in n8n Code nodes. Use when writing JavaScript in n8n, using $input/$json/$node syntax, making HTTP requests with this.helpers / the $helpers global, working with dates using DateTime, troubleshooting Code node errors, choosing between Code node modes, or doing any custom data transformation in n8n. Always use this skill when a workflow needs a Code node — whether for data aggregation, filtering, API calls, format conversion, batch processing logic, or any custom JavaScript. Covers SplitInBatches loop patterns, cross-iteration data, pairedItem, and real-world production patterns. Also use when asked why a Code node or workflow is slow, which execution mode is faster, or how to cut per-item overhead on large datasets. EXCEPTION — for the AI-agent-callable Custom Code Tool (@n8n/n8n-nodes-langchain.toolCode, a tool attached to an AI Agent), use the n8n-code-tool skill instead; it has a different runtime contract.

  6,747 ผ่าน npx skills add czlonkowski/n8n-skills --skill n8n-code-javascript

• assistant-ui assistant-ui/skills

  Overview and router for assistant-ui, the React library for building AI chat interfaces from composable primitives and a styled elements catalog. Use for high-level, cross-cutting, or architecture questions: choosing packages, picking a runtime, or understanding the layers (elements, primitives, the aui client with AuiConfig and AuiProvider, the runtime, adapters) and the message model. Covers `@assistant-ui/react` 0.15.x, `@assistant-ui/ai-sdk` for AI SDK v7 (`useChatRuntime`), `@assistant-ui/core`, `@assistant-ui/store`, `assistant-stream`, `assistant-cloud`, the LangGraph, LangChain, Google ADK, A2A, AG-UI, Eve, OpenCode, and Pi adapters, the `@assistant-ui/react-native` and `@assistant-ui/react-ink` bindings, and the `useAui`, `useAuiState`, and `useAuiEvent` hooks. For a specific area route to a focused sibling instead: setup, elements, primitives, runtime, tools, generative-ui, streaming, cloud, thread-list, copilots, markdown, react-mcp, observability, react-native, ink, or update.

  6,742 ผ่าน npx skills add assistant-ui/skills --skill assistant-ui

• clickhouse-js-node-coding clickhouse/agent-skills

  Write idiomatic application code with the ClickHouse Node.js client (`@clickhouse/client`). Use this skill whenever a user is *building* against the Node.js client — configuring the client, pinging, inserting rows in JSON or raw formats, selecting and parsing results, binding query parameters, managing sessions and temporary tables, working with data types or customizing JSON parsing. Do NOT use for browser/Web client code.

  6,687 ผ่าน npx skills add clickhouse/agent-skills --skill clickhouse-js-node-coding

• clickhouse-js-node-rowbinary clickhouse/agent-skills

  Generate TypeScript/JavaScript code that reads/decodes AND writes/encodes ClickHouse RowBinary streams for the ClickHouse HTTP server. Use this skill whenever a user wants to parse or produce `RowBinary`, `RowBinaryWithNames`, or `RowBinaryWithNamesAndTypes`. Node.js only, doesn't cover browsers.

  6,113 ผ่าน npx skills add clickhouse/agent-skills --skill clickhouse-js-node-rowbinary

• error-handling affaan-m/ecc

  Patterns for robust error handling across TypeScript, Python, and Go. Covers typed errors, error boundaries, retries, circuit breakers, and user-facing error messages. Use when designing error types, retries, circuit breakers, or user-facing failure messages in TypeScript, Python, or Go.

  5,987 ผ่าน npx skills add affaan-m/ecc --skill error-handling

• primitives assistant-ui/skills

  Builds and customizes assistant-ui chat UI from composable, unstyled @assistant-ui/react primitives: ThreadPrimitive, ComposerPrimitive (with Unstable_TriggerPopover for mentions and slash commands), MessagePrimitive and MessagePartPrimitive, ActionBarPrimitive, BranchPickerPrimitive, AttachmentPrimitive, ErrorPrimitive, AssistantModalPrimitive, ChainOfThoughtPrimitive, SelectionToolbarPrimitive, SuggestionPrimitive, QueueItemPrimitive, and the ThreadList primitives. Use when assembling or styling a custom Thread, Composer, message list, action bar, branch picker, or suggestion grid; wiring composer input, dictation, quoting, or attachments; or handling editing, branching, virtualization, scrolling, or chain of thought UI. Covers MessagePrimitive.Parts render functions per part type, groupPartByType, AuiIf in selector form, and the unstyled gotchas (AssistantRuntimeProvider, className). For prebuilt UI use setup, for the styled catalog use elements, for multi-thread sidebars use thread-list.

  5,914 ผ่าน npx skills add assistant-ui/skills --skill primitives

• motion-patterns affaan-m/ecc

  Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

  5,883 ผ่าน npx skills add affaan-m/ecc --skill motion-patterns

• motion-foundations affaan-m/ecc

  Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.

  5,868 ผ่าน npx skills add affaan-m/ecc --skill motion-foundations

• aws-amplify aws/agent-toolkit-for-aws

  Build and deploy full-stack web and mobile apps with AWS Amplify Gen2 (TypeScript code-first). Covers auth (Cognito), data (AppSync/DynamoDB), storage (S3), functions, APIs, and AI (Amplify AI Kit with Bedrock). Supports React, Next.js, Vue, Angular, React Native, Flutter, Swift, and Android. Always use this skill for Amplify Gen2 topics — even for questions you think you know — it contains validated, version-specific patterns that prevent common mistakes. TRIGGER when: user mentions Amplify Gen2; project has amplify/ directory or amplify_outputs; code imports @aws-amplify packages; user asks about defineBackend, defineAuth, defineData, defineStorage, defineFunction, or npx ampx. SKIP: Amplify Gen1 (amplify CLI v6), standalone SAM/CDK without Amplify (use aws-serverless), direct Bedrock without Amplify AI Kit (use bedrock).

  5,862 ผ่าน npx skills add aws/agent-toolkit-for-aws --skill aws-amplify

• motion-advanced affaan-m/ecc

  Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations. Use when building drag and drop, gestures, text or SVG animation, or imperative animation sequences in React or Next.js.

  5,861 ผ่าน npx skills add affaan-m/ecc --skill motion-advanced

• typescript-best-practices cursor/plugins

  TypeScript best practices. Use when reading or editing any .ts or .tsx file.

  5,742 ผ่าน npx skills add cursor/plugins --skill typescript-best-practices

• react lobehub/lobehub

  Use for TSX components, UI libraries, styling, state locality, layout, render performance and memoization.

  5,640 ผ่าน npx skills add lobehub/lobehub --skill react

• prisma-patterns affaan-m/ecc

  Prisma ORM patterns for TypeScript backends — schema design, query optimization, transactions, pagination, and critical traps like updateMany returning count not records, $transaction timeouts, migrate dev resetting the DB, @updatedAt skipped on bulk writes, and serverless connection exhaustion. Use when writing a Prisma schema or query, or debugging transactions, migrations, or serverless connection limits.

  5,538 ผ่าน npx skills add affaan-m/ecc --skill prisma-patterns

• react-performance affaan-m/ecc

  React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

  5,314 ผ่าน npx skills add affaan-m/ecc --skill react-performance

• react-patterns affaan-m/ecc

  React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.

  5,273 ผ่าน npx skills add affaan-m/ecc --skill react-patterns

• frontend-a11y affaan-m/ecc

  Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building or reviewing forms, modals, dropdowns, tooltips, or tabs, fixing a11y lint or code-review findings, or wiring up keyboard navigation and focus management.

  5,189 ผ่าน npx skills add affaan-m/ecc --skill frontend-a11y

• typescript lobehub/lobehub

  Use for TypeScript style and type safety when editing TS/TSX/MTS, including imports, async code and error suppression.

  5,181 ผ่าน npx skills add lobehub/lobehub --skill typescript

• react-testing affaan-m/ecc

  React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress end-to-end runs. Use when writing or fixing tests for React components, hooks, or pages.

  5,167 ผ่าน npx skills add affaan-m/ecc --skill react-testing

• experience-ui-bundle-metadata-generate forcedotcom/sf-skills

  Use this skill when adding a front-end React or Angular UI bundle to an EXISTING SFDX project, or configuring UI bundle metadata and config files. TRIGGER when: adding or scaffolding a new UI bundle — including adding one more or another UI bundle — into a project that already exists; scaffolding a single bundle with the basic template (reactbasic or angularbasic) via sf template generate ui-bundle; editing ui-bundle.json routing, headers, or output directory; working with *.uibundle-meta.xml files; or registering CSP Trusted Sites, resolving blocked images or fonts or external API calls, or editing cspTrustedSites/*.cspTrustedSite-meta.xml files. DO NOT TRIGGER when: creating a brand-new Salesforce project entirely from scratch, where the whole SFDX starter project (UI bundle plus Experience Site metadata and toolchain) is generated together in one step (use experience-ui-bundle-project-generate).

  5,130 ผ่าน npx skills add forcedotcom/sf-skills --skill experience-ui-bundle-metadata-generate

• experience-ui-bundle-app-coordinate forcedotcom/sf-skills

  MUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend application — even if no project files exist yet. MUST also activate when the project contains a uiBundles/*/src/ directory or sfdx-project.json and the prompt says create, build, construct, or generate a new app, site, or page from scratch — even if the prompt also describes visual styling. MUST also activate when the task spans more than one ui-bundle skill. Use this skill when building a complete app end-to-end. Do NOT use for Lightning Experience apps with custom objects (use platform-lightning-app-coordinate). Do NOT use for single-concern edits to an existing page (use experience-ui-bundle-frontend-generate).

  5,125 ผ่าน npx skills add forcedotcom/sf-skills --skill experience-ui-bundle-app-coordinate

• motion-framer freshtechbro/claudedesignskills

  Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.

  5,044 ผ่าน npx skills add freshtechbro/claudedesignskills --skill motion-framer

• 3d-web-experience sickn33/agentic-awesome-skills

  Expert in building 3D experiences for the web - Three.js, React

  5,018 ผ่าน npx skills add sickn33/agentic-awesome-skills --skill 3d-web-experience

• migrate-to-shoehorn vinvcn/mattpocock-skills-zh-cn

  将测试文件从 `as` 类型断言迁移到 @total-typescript/shoehorn。适用于用户提到 shoehorn、想替换测试中的 `as`，或需要局部测试数据时。

  4,999 ผ่าน npx skills add vinvcn/mattpocock-skills-zh-cn --skill migrate-to-shoehorn

• experience-ui-bundle-agentforce-client-generate forcedotcom/sf-skills

  Use this skill when the user asks to add, embed, integrate, configure, style, or remove an agent, chatbot, chat widget, conversation client, or AI assistant in a UI Bundle project (React or Angular). TRIGGER when: project contains a uiBundles/*/src/ directory and the task involves adding or modifying a chat widget, chatbot, or conversational AI; files under uiBundles/*/src/ import AgentforceConversationClient in React `.tsx`/`.jsx` files, or use the app-agentforce-conversation-client element in Angular `.html` templates and AgentforceConversationClientComponent in `.component.ts` files; user asks to add any chat or agent functionality to a page. DO NOT TRIGGER when: user wants to create a custom agent, chatbot, or chat widget component from scratch; the project has no uiBundles directory.

  4,917 ผ่าน npx skills add forcedotcom/sf-skills --skill experience-ui-bundle-agentforce-client-generate

• react-native-brownfield-migration callstackincubator/agent-skills

  Implements an accepted incremental brownfield migration from native iOS or Android to React Native or Expo using @callstack/react-native-brownfield. Use after the brownfield path has been selected, when setting up the integration, packaging XCFramework or AAR artifacts, or adding React Native surfaces to native hosts.

  4,718 ผ่าน npx skills add callstackincubator/agent-skills --skill react-native-brownfield-migration

• dx-code-analyzer-custom-rule-create forcedotcom/sf-skills

  Create custom Code Analyzer rules for Regex (pattern matching), PMD (XPath/AST for Apex and metadata XML), and ESLint (LWC/JavaScript/TypeScript). Use when users want to enforce coding standards, ban patterns, detect hardcoded values, govern metadata, or add rules not in the built-in set. TRIGGER when: user says 'create a rule', 'ban System.debug', 'enforce naming convention', 'detect hardcoded IDs', 'custom rule', 'xpath rule', 'regex rule', 'add a PMD rule', 'enforce a policy', 'create a check for', 'flag this pattern', 'make a rule that catches', 'metadata rule', 'check permissions', 'enforce API version', 'eslint rule', 'lwc rule', 'override rule threshold', 'customize complexity', or describes a pattern to enforce. DO NOT TRIGGER when: user wants to run a scan (use dx-code-analyzer-run), configure engines (use dx-code-analyzer-configure), or explain existing rules (use dx-code-analyzer-run).

  4,710 ผ่าน npx skills add forcedotcom/sf-skills --skill dx-code-analyzer-custom-rule-create

• react-patterns giuseppe-trisciuoglio/developer-kit

  Provides comprehensive React 19 patterns for Server Components, Server Actions, useOptimistic, useActionState, useTransition, concurrent features, Suspense boundaries, and TypeScript integration. Generates executable code patterns, validates security for public endpoints, and optimizes performance with React Compiler or manual memoization. Proactively use when building React 19 applications with Next.js App Router, implementing optimistic UI, or optimizing concurrent rendering.

  4,553 ผ่าน npx skills add giuseppe-trisciuoglio/developer-kit --skill react-patterns

• temporal-developer temporalio/skill-temporal-developer

  Develop, debug, and manage Temporal applications across Python, TypeScript, Go, Java, .NET, Ruby, and Rust. Use when the user is building workflows, activities, workers, or background job queues with a Temporal SDK, debugging issues like non-determinism errors, stuck workflows, or activity retries, using Temporal CLI, Temporal Server, or Temporal Cloud, or working with durable execution concepts like signals, queries, heartbeats, versioning, continue-as-new, child workflows, or saga patterns. Also use when the user mentions "run a Temporal workflow from the CLI", "start a dev server", "run temporal server start-dev", "temporal workflow start", "temporal workflow execute", "temporal workflow signal", "temporal workflow query", "temporal workflow update".

  4,083 ผ่าน npx skills add temporalio/skill-temporal-developer --skill temporal-developer

• react-code-review giuseppe-trisciuoglio/developer-kit

  Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility compliance, and TypeScript integration. Use when reviewing React code changes, before merging pull requests, after implementing new features, or for component architecture validation. Triggers on "review React code", "React code review", "check my React components".

  4,016 ผ่าน npx skills add giuseppe-trisciuoglio/developer-kit --skill react-code-review

• effect-ts effect-ts/skills

  Use this skill when setting up a repository that uses the Effect Typescript library.

  3,994 ผ่าน npx skills add effect-ts/skills --skill effect-ts

• react-dev softaworks/agent-toolkit

  This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

  3,980 ผ่าน npx skills add softaworks/agent-toolkit --skill react-dev

• openapi-to-typescript softaworks/agent-toolkit

  Converts OpenAPI 3.0 JSON/YAML to TypeScript interfaces and type guards. This skill should be used when the user asks to generate types from OpenAPI, convert schema to TS, create API interfaces, or generate TypeScript types from an API specification.

  3,943 ผ่าน npx skills add softaworks/agent-toolkit --skill openapi-to-typescript

• react-useeffect softaworks/agent-toolkit

  React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.

  3,935 ผ่าน npx skills add softaworks/agent-toolkit --skill react-useeffect

คำอธิบายเป็นของผู้สร้างเอง เป็นภาษาอังกฤษ โปรดอ่านโค้ดของสกิลในรีโพสิทอรีก่อนติดตั้ง