에이전트 스킬

• 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 경고 npx skills add mattpocock/skills --skill migrate-to-shoehorn

• 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 경고 npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns

• 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 경고 npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills

• 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 경고 npx skills add antibrow/anti-detect-browser-skills --skill anti-detect-browser

• 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 경고 npx skills add anthropics/skills --skill web-artifacts-builder

• 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 경고 npx skills add get-convex/agent-skills --skill convex

• 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 경고 npx skills add 101-skills/superpowers --skill remotion-render

• 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 경고 npx skills add mcollina/skills --skill fastify-best-practices

• 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 경고 npx skills add qu-skills/superpowers --skill remotion-render

• 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 경고 npx skills add magentosh/superpowers --skill remotion-render

• 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 경고 npx skills add mcp-use/mcp-use --skill mcp-apps-builder

• 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 경고 npx skills add skills-shell/superpowers --skill remotion-render

• 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 경고 npx skills add bankai-skills/superpowers --skill remotion-render

• 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 경고 npx skills add shadcn-ui/ui --skill migrate-radix-to-base

• 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 경고 npx skills add upstash/skills --skill upstash-redis-js

• 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 경고 npx skills add neondatabase/agent-skills --skill neon-functions

• 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 경고 npx skills add millionco/react-doctor --skill react-doctor

• 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 경고 npx skills add shadcn/ui --skill migrate-radix-to-base

• 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 경고 npx skills add github/awesome-copilot --skill javascript-typescript-jest

• 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 경고 npx skills add callstackincubator/agent-skills --skill upgrading-react-native

• 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 경고 npx skills add resend/resend-skills --skill resend-cli

• 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 경고 npx skills add resend/react-email --skill react-email

• 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 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-query

• 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 경고 npx skills add google-labs-code/stitch-skills --skill stitch::extract-static-html

• 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 경고 npx skills add emblemcompany/agent-skills --skill emblem-ai-react

• 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 경고 npx skills add affaan-m/ecc --skill hexagonal-architecture

• 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 경고 npx skills add secondsky/claude-skills --skill tailwind-v4-shadcn

• baoyu-electron-extract jimliu/baoyu-skills

  Extracts resources and JavaScript from any installed Electron app (`.asar` bundle), restoring original sources from `.js.map` files when available or formatting minified code with Prettier otherwise. Use when user wants to "extract Electron app", "decompile Electron", "get the source code of <app>", "inspect app.asar", "看 Electron 应用源码", "提取 .asar", or asks how a desktop Electron app is built. Skips `node_modules` and supports both macOS and Windows.

  7,432 경고 npx skills add jimliu/baoyu-skills --skill baoyu-electron-extract

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

  Connect Solana wallets and sign or send transactions in React Native Expo apps using Mobile Wallet Adapter and Wallet UI. Use when adding a connect wallet button, showing a connected address, disconnecting, signing messages, sign-in with Solana, transferring SOL, or sending any transaction from a Solana mobile app.

  6,847 경고 npx skills add solana-mobile/solana-mobile-skills --skill solana-mobile-wallet

• node mcollina/skills

  Provides domain-specific best practices for Node.js development with TypeScript, covering type stripping, async patterns, error handling, streams, modules, testing, performance, caching, logging, and more. Use when setting up Node.js projects with native TypeScript support, configuring type stripping (--experimental-strip-types), writing Node 22+ TypeScript without a build step, or when the user mentions 'native TypeScript in Node', 'strip types', 'Node 22 TypeScript', '.ts files without compilation', 'ts-node alternative', or needs guidance on error handling, graceful shutdown, flaky tests, profiling, or environment configuration in Node.js. Helps configure tsconfig.json for type stripping, set up package.json scripts, handle module resolution and import extensions, and apply robust patterns across the full Node.js stack.

  5,559 경고 npx skills add mcollina/skills --skill node

• apollo-client apollographql/skills

  Guide for building React applications with Apollo Client 4.x. Use this skill when: (1) setting up Apollo Client in a React project, (2) writing GraphQL queries or mutations with hooks, (3) configuring caching or cache policies, (4) managing local state with reactive variables, (5) troubleshooting Apollo Client errors or performance issues.

  5,331 경고 npx skills add apollographql/skills --skill apollo-client

• lynx-devtool lynx-community/skills

  Use when working with Lynx DevTool or debugging a Lynx app, page, or device, especially when the task mentions clients or sessions, CDP or App commands, DOM/CSS inspection, runtime or console logs, evaluating JavaScript on a device, screenshots, heap snapshots, performance traces, Page.reload or App.openPage, global switches, interactive snapshot refs and taps/fills/scrolls, inspecting or searching a ReactLynx component tree, linking DOM Snapshot refs to ReactLynx components (`reactlynx link`), or mutating ReactLynx props/state/context on Android, iOS, or Desktop.

  5,269 경고 npx skills add lynx-community/skills --skill lynx-devtool

• react-native-best-practices software-mansion-labs/skills

  Software Mansion's best practices for production React Native and Expo apps on the New Architecture. MUST USE before writing, reviewing, or debugging ANY code in a React Native or Expo project. If the working directory contains a package.json with react-native, expo, or expo-router as a dependency, this skill applies. Trigger on: any code task in a React Native/Expo project, 'React Native', 'Expo', 'New Architecture', 'Reanimated', 'Gesture Handler', 'react-native-svg', 'ExecuTorch', 'react-native-audio-api', 'react-native-enriched-html', 'Worklet', 'Fabric', 'TurboModule', 'WebGPU', 'react-native-wgpu', 'TypeGPU', 'GPU shader', 'WGSL', 'svg', 'animation', 'gesture', 'audio', 'rich text', 'AI model', 'multithreading', 'chart', 'vector', 'image filter', 'shared value', 'useSharedValue', 'runOnJS', 'scheduleOnRN', 'thread', 'worklet', 'Bundle Mode', or any question involving UI, graphics, native modules, or React Native threading and animation behavior. Also use when a more specific sub-skill matches.

  5,217 경고 npx skills add software-mansion-labs/skills --skill react-native-best-practices

• nextjs-react-typescript mindrally/skills

  Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

  5,125 경고 npx skills add mindrally/skills --skill nextjs-react-typescript

• tanstack-table tanstack-skills/tanstack-skills

  Headless UI for building powerful tables & datagrids for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit.

  5,089 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-table

• react-native-testing callstack/react-native-testing-library

  Write tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native component tests. Covers: render, screen, queries (getBy/getAllBy/queryBy/findBy), Jest matchers, userEvent, fireEvent, waitFor, and async patterns. Supports v13 (React 18, sync render) and v14 (React 19+, async render). Triggers on: test files for React Native components, RNTL imports, mentions of "testing library", "write tests", "component tests", or "RNTL".

  4,957 경고 npx skills add callstack/react-native-testing-library --skill react-native-testing

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

  MUST activate when the project contains a uiBundles/*/src/ directory (React or Angular) and the user wants to add a pre-built feature — such as authentication (login, logout, protected routes, session management) or search (global search across pages and content) — instead of building it from scratch. Always run list first to see the current feature catalog, since it can include more than authentication and search. Always use this skill for installing pre-built features rather than hand-building them. DO NOT TRIGGER for Agentforce conversational client or file-upload features — use experience-ui-bundle-agentforce-client-generate and experience-ui-bundle-file-upload-generate respectively.

  4,946 경고 npx skills add forcedotcom/sf-skills --skill experience-ui-bundle-features-generate

• tanstack-router tanstack-skills/tanstack-skills

  Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem.

  4,647 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-router

• chrome-devtools-axi kunchenguid/chrome-devtools-axi

  Control a Chrome browser session through the chrome-devtools-axi CLI - navigate, snapshot, click, fill forms, run JavaScript, inspect console and network, take screenshots, audit performance. Use whenever a task needs a real browser: opening or testing a web page, clicking through a flow, extracting page content, or debugging a website.

  4,644 경고 npx skills add kunchenguid/chrome-devtools-axi --skill chrome-devtools-axi

• i18n lobehub/lobehub

  Use for user-facing strings and react-i18next locale keys, namespaces, interpolation, translations or bun run i18n.

  4,556 경고 npx skills add lobehub/lobehub --skill i18n

• react-vite-dashboard google-labs-code/stitch-skills

  Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

  4,425 경고 npx skills add google-labs-code/stitch-skills --skill react-vite-dashboard

• artifacts-builder composiohq/awesome-claude-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.

  4,301 경고 npx skills add composiohq/awesome-claude-skills --skill artifacts-builder

• uniwind uni-stack/uniwind

  Uniwind — Tailwind CSS v4 styling for React Native. Use when adding, building, or debugging components in a React Native project that uses Uniwind classNames. Covers setup, Metro config, global.css, theming, className props, accent-* color props, platform/data/state/responsive variants, CSS variables, custom utilities, withUniwind for third-party components, cn/tailwind-merge, tailwind-variants, safe area utilities, ScopedVariables, LayoutDirection, gradients, fonts, React Navigation, UI kits, diagnostics, troubleshooting, and Uniwind Pro features. Does not cover NativeWind migration.

  4,237 경고 npx skills add uni-stack/uniwind --skill uniwind

• flowstudio-power-automate-mcp github/awesome-copilot

  Foundation skill for Power Automate via FlowStudio MCP — auth setup, the reusable MCP helper (Python + Node.js), tool discovery via `list_skills` / `tool_search`, and oversized-response handling. Load this skill first when connecting an agent to Power Automate. For specialized workflows, load `flowstudio-power-automate-build`, `flowstudio-power-automate-debug`, `flowstudio-power-automate-monitoring` (Pro+), or `flowstudio-power-automate-governance` (Pro+) — each contains the workflow narrative, this skill provides the plumbing they all rely on. Requires a FlowStudio MCP subscription or compatible server — see https://mcp.flowstudio.app

  4,233 경고 npx skills add github/awesome-copilot --skill flowstudio-power-automate-mcp

• tanstack-form tanstack-skills/tanstack-skills

  Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.

  4,105 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-form

• typescript-docs giuseppe-trisciuoglio/developer-kit

  Generates comprehensive TypeScript documentation using JSDoc, TypeDoc, and multi-layered documentation patterns for different audiences. Use when creating API documentation, architectural decision records (ADRs), code examples, and framework-specific patterns for NestJS, Express, React, Angular, and Vue.

  4,032 경고 npx skills add giuseppe-trisciuoglio/developer-kit --skill typescript-docs

• langgraph-typescript-quickstart langchain-ai/langchain-skills

  Scaffold a minimal local LangGraph agent in TypeScript by following the official quickstart. Use when the user wants to quickly build or try a LangGraph agent locally.

  3,949 경고 npx skills add langchain-ai/langchain-skills --skill langgraph-typescript-quickstart

• langchain-typescript-quickstart langchain-ai/langchain-skills

  Scaffold a minimal local LangChain agent in TypeScript by following the official quickstart. Use when the user wants to quickly build or try a LangChain agent locally.

  3,914 경고 npx skills add langchain-ai/langchain-skills --skill langchain-typescript-quickstart

• building-storefronts medusajs/medusa-agent-skills

  Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront development in ALL modes (planning, implementation, exploration). Contains SDK usage patterns, frontend integration, and critical rules for calling Medusa APIs.

  3,888 경고 npx skills add medusajs/medusa-agent-skills --skill building-storefronts

• deepagents-typescript-quickstart langchain-ai/langchain-skills

  Scaffold a minimal local Deep Agent in TypeScript by following the official quickstart, using provider-native web search instead of Tavily. Use when the user wants to quickly build or try a Deep Agent locally.

  3,888 경고 npx skills add langchain-ai/langchain-skills --skill deepagents-typescript-quickstart

• turborepo-monorepo giuseppe-trisciuoglio/developer-kit

  Provides comprehensive Turborepo monorepo management guidance for TypeScript/JavaScript projects. Use when creating Turborepo workspaces, configuring turbo.json tasks, setting up Next.js/NestJS apps, managing test pipelines (Vitest/Jest), configuring CI/CD, implementing remote caching, or optimizing build performance in monorepos

  3,879 경고 npx skills add giuseppe-trisciuoglio/developer-kit --skill turborepo-monorepo

• typescript-security-review giuseppe-trisciuoglio/developer-kit

  Provides security review capability for TypeScript/Node.js applications, validates code against XSS, injection, CSRF, JWT/OAuth2 flaws, dependency CVEs, and secrets exposure. Use when performing security audits, before deployment, reviewing authentication/authorization implementations, or ensuring OWASP compliance for Express, NestJS, and Next.js. Triggers on "security review", "check for security issues", "TypeScript security audit".

  3,682 경고 npx skills add giuseppe-trisciuoglio/developer-kit --skill typescript-security-review

• react-mcp assistant-ui/skills

  Adds user managed browser MCP servers to assistant-ui with `@assistant-ui/react-mcp`. Use when mounting `McpManagerResource`, declaring `defineConnector` presets, persisting custom servers and OAuth state, composing `McpManagerPrimitive`, `McpServerPrimitive`, `McpAddFormPrimitive`, or `McpElicitationPrimitive`, handling an OAuth callback, browsing MCP resources, or diagnosing missing server tools, connection failures, and OAuth redirects. This covers end user chosen servers, not application owned backend MCP tools. For those use tools; for the chat runtime use runtime; for the copied dialog use elements.

  3,661 경고 npx skills add assistant-ui/skills --skill react-mcp

• tanstack-start tanstack-skills/tanstack-skills

  Full-stack React framework powered by TanStack Router with SSR, streaming, server functions, and deployment to any hosting provider.

  3,659 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-start

• k6-docs grafana/skills

  Write or review k6 documentation across the three k6 repositories - k6-DefinitelyTyped (TypeScript types), k6-docs (user documentation), and k6 (release notes / changelog). Applies k6 doc style conventions, generates TypeScript type definitions, drafts release notes, and validates examples by running them against k6@master. Use when working on k6 documentation, the k6 changelog, the k6 release notes, k6 API reference, k6 TypeScript types, load testing docs, or when the user asks to write, edit, or review anything in the k6, k6-docs, or k6-DefinitelyTyped repos - even if they don't explicitly say "documentation".

  3,647 경고 npx skills add grafana/skills --skill k6-docs

• inngest-durable-functions inngest/inngest-skills

  Use when building functions that must survive process crashes, retry automatically on failure, run on a schedule, react to events, or maintain state across infrastructure failures — e.g., webhook handlers that drop events, flaky cron jobs, background jobs that fail mid-execution, or workflows that need to resume where they left off. Covers Inngest function configuration, triggers (events, cron, invoke), step execution and memoization, idempotency, cancellation, error handling, retries, logging, and observability.

  3,630 경고 npx skills add inngest/inngest-skills --skill inngest-durable-functions

• nx-monorepo giuseppe-trisciuoglio/developer-kit

  Provides comprehensive Nx monorepo management guidance for TypeScript/JavaScript projects. Use when creating Nx workspaces, generating apps/libraries/components, running affected commands, setting up CI/CD, configuring Module Federation, or implementing NestJS backends within Nx

  3,565 경고 npx skills add giuseppe-trisciuoglio/developer-kit --skill nx-monorepo

• inngest-setup inngest/inngest-skills

  Use when adding durable execution to a TypeScript project — building retry-safe webhook handlers, background jobs that survive crashes, scheduled tasks, or long-running workflows that outlive a single request. Covers Inngest SDK installation, client config, environment variables, serve endpoints (Next.js, Express, Hono, Fastify), connect-as-worker mode, and the local dev server.

  3,547 경고 npx skills add inngest/inngest-skills --skill inngest-setup

• aws-lambda-typescript-integration giuseppe-trisciuoglio/developer-kit

  Provides AWS Lambda integration patterns for TypeScript with cold start optimization. Use when creating or deploying TypeScript Lambda functions, choosing between NestJS framework and raw TypeScript approaches, optimizing cold starts, configuring API Gateway or ALB integration, or implementing serverless TypeScript applications. Triggers include "create lambda typescript", "deploy typescript lambda", "nestjs lambda aws", "raw typescript lambda", "aws lambda typescript performance".

  3,440 경고 npx skills add giuseppe-trisciuoglio/developer-kit --skill aws-lambda-typescript-integration

• prototype-pollution yaklang/hack-skills

  Prototype pollution testing for JavaScript stacks. Use when user input is merged into objects (query parsers, JSON bodies, deep assign), when configuring libraries via untrusted keys, or when hunting RCE gadgets via polluted Object.prototype in Node or the browser.

  3,252 경고 npx skills add yaklang/hack-skills --skill prototype-pollution

• nodejs-express-server aj-geddes/useful-ai-prompts

  Build production-ready Express.js servers with middleware, authentication, routing, and database integration. Use when creating REST APIs, managing requests/responses, implementing middleware chains, and handling server logic.

  3,247 경고 npx skills add aj-geddes/useful-ai-prompts --skill nodejs-express-server

• framer-motion mindrally/skills

  Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

  2,883 경고 npx skills add mindrally/skills --skill framer-motion

• agentmail agentmail-to/agentmail-skills

  Build with the AgentMail TypeScript or Python SDK for inbox, message, thread, draft, attachment, domain, allow/block list, pod, webhook, and WebSocket workflows, including programmatic agent sign-up, domain/DNS administration, and deliverability triage (bounces, spam, blocked mail). Use when implementing or reviewing AgentMail API code; do not use for direct mailbox operations, CLI usage, MCP setup, or framework-toolkit integration.

  2,848 경고 npx skills add agentmail-to/agentmail-skills --skill agentmail

• react-best-practices mastra-ai/mastra

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

  2,803 경고 npx skills add mastra-ai/mastra --skill react-best-practices

• react-hook-form pproenca/dot-skills

  React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, the subscribe() API, and the Watch / FormStateSubscribe / FieldArray render-prop components. Covers RHF 7.82 additions including resetDefaultValues() and the disabled field-array option. This skill should be used when building client-side controlled forms with React Hook Form library. This skill does NOT cover React 19 Server Actions, useActionState, or server-side form handling (use react-19 skill for those).

  2,795 경고 npx skills add pproenca/dot-skills --skill react-hook-form

• remotion nexu-io/open-design

  Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.

  2,761 경고 npx skills add nexu-io/open-design --skill remotion

• link-workspace-packages nrwl/nx-ai-agents-config

  Link workspace packages in monorepos (npm, yarn, pnpm, bun). USE WHEN: (1) you just created or generated new packages and need to wire up their dependencies, (2) user imports from a sibling package and needs to add it as a dependency, (3) you get resolution errors for workspace packages (@org/*) like "cannot find module", "failed to resolve import", "TS2307", or "cannot resolve". DO NOT patch around with tsconfig paths or manual package.json edits - use the package manager's workspace commands to fix actual linking.

  2,740 경고 npx skills add nrwl/nx-ai-agents-config --skill link-workspace-packages

• netlify-edge-functions netlify/context-and-tools

  Write and configure Netlify Edge Functions — TypeScript/JavaScript handlers running in a Deno runtime at the network edge. Use when adding auth middleware or auth redirects, geolocation or localization logic, A/B testing or personalization, request/response transforms (rewrites/redirects), or edge SSR to a Netlify site. Triggers on tasks like "add an edge function", "auth check at the edge", "redirect visitors by country", "A/B test with cookies", "rewrite requests", "personalize by geo", or "cache an edge response". Covers the config export, path routing, the Context object, response caching, environment variables, and edge-vs-serverless choices. Check the framework's adapter first — only hand-write an edge function when the framework doesn't already generate one.

  2,718 경고 npx skills add netlify/context-and-tools --skill netlify-edge-functions

• i18n-expert daymade/claude-code-skills

  This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON locales), including installing/configuring the i18n framework, replacing hard-coded strings, ensuring en-US/zh-CN coverage, mapping error codes to localized messages, and validating key parity, pluralization, and formatting.

  2,529 경고 npx skills add daymade/claude-code-skills --skill i18n-expert

• trigger-realtime triggerdotdev/skills

  Trigger.dev client/frontend surface: subscribe to runs in realtime (runs.subscribeToRun and the @trigger.dev/react-hooks hook useRealtimeRun), consume metadata and AI/text streams in React (useRealtimeStream), trigger tasks from the browser (useTaskTrigger, useRealtimeTaskTrigger), and mint scoped frontend credentials with auth.createPublicToken / auth.createTriggerPublicToken. Load when wiring a frontend (React/Next.js/Remix) or backend-for-frontend to show live run progress, status badges, token streams, trigger buttons, or wait-token approval UIs. NOT for writing the backend task itself (streams.define / metadata.set is trigger-tasks territory); this is the consumer side.

  2,453 경고 npx skills add triggerdotdev/skills --skill trigger-realtime

• tanstack-virtual tanstack-skills/tanstack-skills

  Headless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.

  2,355 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-virtual

• improve-react millionco/react-doctor

  Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the React code", "audit this codebase", "make this app faster / more robust", or wants a roadmap of fixes rather than a review of a single diff. For a regression check or a fix-it-now pass, use the `react-doctor` skill instead.

  2,298 경고 npx skills add millionco/react-doctor --skill improve-react

• pulumi-best-practices pulumi/agent-skills

  Load when the user is writing, reviewing, or debugging Pulumi TypeScript/Python programs; asks about Output<T> or apply() usage; wants to create ComponentResource classes; needs to refactor resources without destroying them (aliases); is setting up secrets or config; or is configuring a pulumi preview/up CI workflow. Also load for questions about resource dependency order, parent/child resource relationships, or pulumi.interpolate.

  2,269 경고 npx skills add pulumi/agent-skills --skill pulumi-best-practices

• news-reaction-failure-analyzer tradermonty/claude-trading-skills

  Judge whether a market FAILED to react to news favorable to a crowded speculative position — step 2 of Jason Shapiro's COT contrarian process. Consumes a cot-contrarian-detector report (or an explicit direction) plus a Claude-curated events JSON, fetches the underlying price series with a documented fallback chain, and produces a fail-closed CONFIRMED / NOT_CONFIRMED / INSUFFICIENT_EVIDENCE verdict using a statistically validated drift-significance test (not a naive failure-ratio, which false-confirms on pure noise). Generic beyond COT — reusable for PEAD and macro-crowding news-failure checks. Use when the user asks to check news-failure confirmation, whether a crowded market "shrugged off" good/bad news, or wants to run Shapiro step 2 on a CROWDED_LONG/CROWDED_SHORT market.

  2,242 경고 npx skills add tradermonty/claude-trading-skills --skill news-reaction-failure-analyzer

• typescript-review metabase/metabase

  Review TypeScript and JavaScript code changes for compliance with Metabase coding standards, style violations, and code quality issues. Use when reviewing pull requests or diffs containing TypeScript/JavaScript code.

  2,230 경고 npx skills add metabase/metabase --skill typescript-review

• backend-development mrgoonie/claudekit-skills

  Build robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis), APIs (REST, GraphQL, gRPC), authentication (OAuth 2.1, JWT), testing strategies, security best practices (OWASP Top 10), performance optimization, scalability patterns (microservices, caching, sharding), DevOps practices (Docker, Kubernetes, CI/CD), and monitoring. Use when designing APIs, implementing authentication, optimizing database queries, setting up CI/CD pipelines, handling security vulnerabilities, building microservices, or developing production-ready backend systems.

  2,214 경고 npx skills add mrgoonie/claudekit-skills --skill backend-development

• customware-support-widget customware-ai/skills

  Use this skill when adding, placing, configuring, or fixing the Customware support chat widget in the Customware React Router client-only SPA template. It covers root.tsx/root document script loading, route/layout placement, required org/project ids, bubble versus full mode, optional metadata and style options, page-operation support, and constraints for MITB-style code generation.

  2,204 경고 npx skills add customware-ai/skills --skill customware-support-widget

• konsistent-config vercel-labs/konsistent

  Create or modify a konsistent.json configuration file that enforces structural conventions in a TypeScript codebase. Use when the user wants to enforce consistent code structure, validate exports/imports across files, ensure directories contain required files, enforce naming patterns, add/remove/update convention rules, configure case map overrides for acronyms or special casing (kebabToPascalMap, kebabToCamelMap), or troubleshoot why konsistent is reporting violations. Triggers on: "konsistent", "konsistent.json", "enforce conventions", "structural consistency", "consistent exports", "consistent structure", "code conventions config", "add convention", "update convention", "fix konsistent errors", "case map", "case override", "acronym casing".

  2,106 경고 npx skills add vercel-labs/konsistent --skill konsistent-config

• typescript-write metabase/metabase

  Write TypeScript and JavaScript code following Metabase coding standards and best practices. Use when developing or refactoring TypeScript/JavaScript code.

  2,076 경고 npx skills add metabase/metabase --skill typescript-write

• openrouter-typescript-sdk openrouterarchived/agent-skills

  Complete reference for integrating with 300+ AI models through the OpenRouter TypeScript SDK using the callModel pattern

  2,021 경고 npx skills add openrouterarchived/agent-skills --skill openrouter-typescript-sdk

• migrate-nativewind-to-uniwind uni-stack/uniwind

  Migrate a React Native project from NativeWind to Uniwind. Use when the user wants to replace NativeWind with Uniwind, upgrade from NativeWind, switch to Uniwind, or mentions NativeWind-to-Uniwind migration. Handles package removal, config migration, Tailwind 4 upgrade, cssInterop removal, theme conversion, and all breaking changes.

  1,972 경고 npx skills add uni-stack/uniwind --skill migrate-nativewind-to-uniwind

• typeorm mindrally/skills

  Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases

  1,889 경고 npx skills add mindrally/skills --skill typeorm

• expect millionco/expect

  Use when editing .tsx/.jsx/.css/.html, React components, pages, routes, forms, styles, or layouts. Also when asked to test, verify, validate, QA, find bugs, check for issues, or fix expect-cli failures.

  1,884 경고 npx skills add millionco/expect --skill expect

• react-native-dev minimax-ai/skills

  React Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD). Use when: building React Native or Expo apps, implementing animations or native UI, managing state, fetching data, writing tests, optimizing performance, deploying to App Store/Play Store, setting up CI/CD, upgrading Expo SDK, or configuring Tailwind/NativeWind.

  1,880 경고 npx skills add minimax-ai/skills --skill react-native-dev

• laravel-inertia-react asyrafhussin/agent-skills

  Laravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing persistent layouts. Triggers on tasks involving Inertia.js, page props, form handling, or Laravel React integration.

  1,793 경고 npx skills add asyrafhussin/agent-skills --skill laravel-inertia-react

• puppeteer-automation mindrally/skills

  Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.

  1,778 경고 npx skills add mindrally/skills --skill puppeteer-automation

• r3f-animation enzed/r3f-skills

  Animate React Three Fiber objects with useFrame, damping, and GLTF clips. Use for procedural motion, animation transitions, or demand-loop animation; use physics guidance for collision-driven movement.

  1,689 경고 npx skills add enzed/r3f-skills --skill r3f-animation

• tanstack-store tanstack-skills/tanstack-skills

  Framework-agnostic, immutable reactive data store with framework adapters for React, Vue, Solid, Angular, and Svelte.

  1,672 경고 npx skills add tanstack-skills/tanstack-skills --skill tanstack-store

• r3f-geometry enzed/r3f-skills

  Build React Three Fiber geometry, custom buffers, instanced meshes, points, and lines. Use for shape construction and geometry draw-call optimization, rather than material appearance.

  1,651 경고 npx skills add enzed/r3f-skills --skill r3f-geometry

• upstash-workflow-js upstash/skills

  Work with the @upstash/workflow TypeScript/JavaScript SDK for durable, long-running workflows in serverless functions, multi-step processes that survive timeouts, retries, and restarts (built on QStash). Use when defining a workflow endpoint with serve(), running steps with context.run, sleeping for minutes to days without holding a function open, calling external APIs with context.call, waiting for an external event or webhook, invoking other workflows, configuring retries, failure callbacks, and a DLQ, controlling concurrency, rate, and parallelism, triggering, cancelling, or inspecting runs with the Workflow client, building AI agents and orchestrators, human-in-the-loop approvals, realtime updates, local development with the QStash dev server, adding middleware, or migrating workflows safely. Also use when the user asks for durable execution, step functions, saga or orchestration patterns, background jobs with checkpoints, or long-running tasks on Vercel, Next.js, Cloudflare Workers, or other serverless platforms.

  1,646 경고 npx skills add upstash/skills --skill upstash-workflow-js

• r3f-postprocessing enzed/r3f-skills

  Configure React Three Fiber postprocessing, bloom, selection effects, ambient occlusion, and depth of field. Use for composer pipelines and screen-space effects, rather than mesh material shaders.

  1,645 경고 npx skills add enzed/r3f-skills --skill r3f-postprocessing

• r3f-materials enzed/r3f-skills

  Choose and configure React Three Fiber surface materials, PBR, transparency, and transmission. Use for mesh appearance and material cost; use shader guidance for custom GLSL or TSL code.

  1,637 경고 npx skills add enzed/r3f-skills --skill r3f-materials

• drizzle bobmatnyc/claude-mpm-skills

  Type-safe SQL ORM for TypeScript with zero runtime overhead

  1,635 경고 npx skills add bobmatnyc/claude-mpm-skills --skill drizzle

• r3f-shaders enzed/r3f-skills

  Implement custom GLSL or TSL materials in React Three Fiber, including uniforms and vertex deformation. Use for shader code and shader debugging, rather than ordinary PBR settings or composer effects.

  1,628 경고 npx skills add enzed/r3f-skills --skill r3f-shaders

• framer-motion dylantarre/animation-principles

  Use when implementing Disney's 12 animation principles with Framer Motion in React applications

  1,621 경고 npx skills add dylantarre/animation-principles --skill framer-motion

• context7 netresearch/context7-skill

  Use when looking up library documentation, API references, framework patterns, or code examples for ANY library (React, Next.js, Vue, Django, Laravel, etc.) and the Context7 MCP server is unavailable or not configured. Fetches the same current docs directly via the Context7 REST API as a fallback. Triggers on: how to use library, API docs, framework pattern, import usage, library example.

  1,584 경고 npx skills add netresearch/context7-skill --skill context7

• r3f-lighting enzed/r3f-skills

  Light React Three Fiber scenes with direct lights, environment maps, and shadows. Use for light placement, image-based lighting, shadow artifacts, and lighting performance.

  1,581 경고 npx skills add enzed/r3f-skills --skill r3f-lighting

• htmx mindrally/skills

  HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.

  1,579 경고 npx skills add mindrally/skills --skill htmx

• content-driven-development adobe/skills

  Use this when making any AEM Edge Delivery Services (EDS, Franklin, Helix) code change — new blocks, block modifications, CSS styling, bug fixes, core functionality (scripts.js, styles, delayed.js), or any JavaScript/CSS work that needs validation. Covers the Content Driven Development process — identifying or creating real test content before writing code, designing an author-friendly content model, and validating against that content throughout development. Do not use for documentation-only changes or configuration changes that do not affect authoring.

  1,562 경고 npx skills add adobe/skills --skill content-driven-development

• r3f-physics enzed/r3f-skills

  Add Rapier rigid bodies, colliders, forces, sensors, and joints to React Three Fiber. Use for collision-driven movement and simulation; use animation guidance for purely visual motion.

  1,531 경고 npx skills add enzed/r3f-skills --skill r3f-physics

설명은 작성자가 직접 쓴 영어 원문입니다. 설치하기 전에 저장소에서 스킬 코드를 확인하세요.