---
title: "TypeScript skills · skilld"
canonical_url: "https://skilld.dev/skills/tag/typescript"
last_updated: "2026-08-20T07:10:20.291Z"
meta:
  description: "Browse 200 agent skills tagged TypeScript. Type-heavy workflows, generics, type audits."
  "og:description": "Browse 200 agent skills tagged TypeScript. Type-heavy workflows, generics, type audits."
  "og:title": "TypeScript skills"
---

`

[← All skills](https://skilld.dev/skills)

# **TypeScript**

Type-heavy workflows, generics, type audits

200 skills ·10.8m stars

## Top curators

- [![mattpocock](https://github.com/mattpocock.png)mattpocock 2](https://skilld.dev/@mattpocock)
- [![affaan-m](https://github.com/affaan-m.png)affaan-m 4](https://skilld.dev/@affaan-m)
- [![facebook](https://github.com/facebook.png)facebook 4](https://skilld.dev/@facebook)
- [![n8n-io](https://github.com/n8n-io.png)n8n-io 12](https://skilld.dev/@n8n-io)
- [![anthropics](https://github.com/anthropics.png)anthropics 4](https://skilld.dev/@anthropics)
- [![langgenius](https://github.com/langgenius.png)langgenius 2](https://skilld.dev/@langgenius)
- [![shubhamsaboo](https://github.com/shubhamsaboo.png)shubhamsaboo 1](https://skilld.dev/@shubhamsaboo)
- [![garrytan](https://github.com/garrytan.png)garrytan 2](https://skilld.dev/@garrytan)

- [

  **/migrate-to-shoehorn**![mattpocock](https://github.com/mattpocock.png?size=40)

  Matt Pocock · mattpocock/skills258k

  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. /migrate-to-shoehorn by mattpocock](https://skilld.dev/gh/mattpocock/skills/migrate-to-shoehorn)
- [

  **/setup-pre-commit**![mattpocock](https://github.com/mattpocock.png?size=40)

  Matt Pocock · mattpocock/skills258k

  Set up Husky pre-commit hooks with lint-staged (Prettier), type checking, and tests in the current repo. Use when user wants to add pre-commit hooks, set up Husky, configure lint-staged, or add commit-time formatting/typechecking/testing. /setup-pre-commit by mattpocock](https://skilld.dev/gh/mattpocock/skills/setup-pre-commit)
- [

  **/coding-standards**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Baseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns. Use when reviewing code quality or naming with no framework-specific skill that applies. /coding-standards by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/coding-standards)
- [

  **/e2e-testing**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Playwright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies. Use when writing Playwright tests, structuring page objects, or fixing flaky E2E runs in CI. /e2e-testing by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/e2e-testing)
- [

  **/frontend-patterns**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  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. /frontend-patterns by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/frontend-patterns)
- [

  **/project-guidelines-example**![affaan-m](https://github.com/affaan-m.png?size=40)

  Affaan Mustafa · affaan-m/everything-claude-code255k

  Project-specific skill template covering architecture, patterns, testing, and deployment guidance. /project-guidelines-example by affaan-m](https://skilld.dev/gh/affaan-m/everything-claude-code/project-guidelines-example)
- [

  **/compiler-port**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Port a compiler pass from TypeScript to Rust. Gathers context, plans the port, implements in a subagent with test-fix loop, then reviews. /compiler-port by facebook](https://skilld.dev/gh/facebook/react/compiler-port)
- [

  **/compiler-review**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Review Rust port code for port fidelity, convention compliance, and error handling. Compares against the original TypeScript source. /compiler-review by facebook](https://skilld.dev/gh/facebook/react/compiler-review)
- [

  **/compiler-verify**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you need to run all compiler checks (tests, lint, format) before committing. Detects whether TS or Rust code changed and runs the appropriate checks. /compiler-verify by facebook](https://skilld.dev/gh/facebook/react/compiler-verify)
- [

  **/verify**![facebook](https://github.com/facebook.png?size=40)

  Meta · facebook/react250k

  Use when you want to validate changes before committing, or when you need to check all React contribution requirements. /verify by facebook](https://skilld.dev/gh/facebook/react/verify)
- [

  **/conventions**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Quick reference for n8n patterns. Full docs /AGENTS.md /conventions by n8n-io](https://skilld.dev/gh/n8n-io/n8n/conventions)
- [

  **/create-community-node-lint-rule**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Create new ESLint rules for the @n8n/eslint-plugin-community-nodes package. Use when adding a lint rule, creating a community node lint, or working on eslint-plugin-community-nodes. Guides rule implementation, tests, docs, and plugin registration. /create-community-node-lint-rule by n8n-io](https://skilld.dev/gh/n8n-io/n8n/create-community-node-lint-rule)
- [

  **/db-migrations**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Authors n8n database migrations. Use when creating or modifying files under packages/@n8n/db/src/migrations/, when the user asks to add a column, table, index, foreign key, or backfill, or when the user mentions DB migrations or TypeORM migrations. /db-migrations by n8n-io](https://skilld.dev/gh/n8n-io/n8n/db-migrations)
- [

  **/mutant-fix**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Take a Stryker summary.json (from n8n:mutant-score), triage the surviving mutants by user-reachable-behaviour risk, write minimal assertion changes to kill the top 3-5 highest-leverage survivors, then verify by re-running n8n:mutant-score. Use when the user has just run mutation testing and wants to strengthen the test suite, or says "kill the survivors / strengthen tests / fix the red." Pairs with n8n:mutant-score as the inner write side of a single iteration. /mutant-fix by n8n-io](https://skilld.dev/gh/n8n-io/n8n/mutant-fix)
- [

  **/mutant-score**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Run Stryker mutation testing on a single source file and return a structured, token-frugal report that's pipeable to a follow-up "strengthen tests" loop. Use when the user says /mutant-score, "mutation test this file", or has just edited tests and wants to verify they actually assert behaviour. Per-file only — full-package mutation runs are out of scope. /mutant-score by n8n-io](https://skilld.dev/gh/n8n-io/n8n/mutant-score)
- [

  **/mutate-changed**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Run Stryker mutation testing on the source files changed in the current branch (vs origin/master). One command for "did my work hold up under mutation?" before pushing. Triages on the side which files dropped below threshold and offers to invoke n8n:strengthen-tests on them. Use when the user says /mutate-changed, "mutate what I changed", "check my changes", or has just finished writing a feature and wants pre-merge feedback. Scope: only packages/workflow/src/\*\* changes are mutated today. /mutate-changed by n8n-io](https://skilld.dev/gh/n8n-io/n8n/mutate-changed)
- [

  **/mutation-test**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Run Stryker mutation testing on a single source file and return a structured, token-frugal report that's pipeable to a follow-up "strengthen tests" loop. Use when the user says /mutation-test, "mutation test this file", or has just edited tests and wants to verify they actually assert behaviour. Per-file only — full-package mutation runs are out of scope. /mutation-test by n8n-io](https://skilld.dev/gh/n8n-io/n8n/mutation-test)
- [

  **/n8n-cli**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Use the n8n CLI to manage workflows, credentials, executions, and more on an n8n instance. Use when the user asks to interact with n8n, automate workflows, manage credentials, or operate their instance from the command line. /n8n-cli by n8n-io](https://skilld.dev/gh/n8n-io/n8n/n8n-cli)
- [

  **/node-add-oauth**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Add OAuth2 credential support to an existing n8n node — creates the credential file, updates the node, adds tests, and keeps the CLI constant in sync. Use when the user says /node-add-oauth. /node-add-oauth by n8n-io](https://skilld.dev/gh/n8n-io/n8n/node-add-oauth)
- [

  **/protect-endpoints**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Applies n8n's RBAC scope decorators to REST endpoints. Use when creating a new @RestController, adding any @Get/@Post/@Put/@Patch/@Delete route to an existing controller, or reviewing endpoint authorization. Every authenticated endpoint must be gated by @ProjectScope or @GlobalScope. /protect-endpoints by n8n-io](https://skilld.dev/gh/n8n-io/n8n/protect-endpoints)
- [

  **/strengthen-tests**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Take a Stryker summary.json (from n8n:mutation-test), triage the surviving mutants by user-reachable-behaviour risk, write minimal assertion changes to kill the top 3-5 highest-leverage survivors, then verify by re-running n8n:mutation-test. Use when the user has just run mutation testing and wants to strengthen the test suite, or says "kill the survivors / strengthen tests / fix the red." Pairs with n8n:mutation-test as the inner write side of a single iteration. /strengthen-tests by n8n-io](https://skilld.dev/gh/n8n-io/n8n/strengthen-tests)
- [

  **/workflow-builder**![n8n-io](https://github.com/n8n-io.png?size=40)

  n8n - Workflow Automation · n8n-io/n8n204k

  Load before calling build-workflow. Default path for all single-workflow work: new one-off workflows, existing-workflow edits, verification repairs, and workflow-local data tables. Write or edit a workspace source file, run workflow-sdk validate via workspace\_execute\_command, then call build-workflow with filePath. When the workflow creates or writes Data Tables, load data-table-manager first, then this skill. Do not load planning or create-tasks first. Load planning only when multiple coordinated workflows or shared cross-task data tables require a dependency-aware task graph. /workflow-builder by n8n-io](https://skilld.dev/gh/n8n-io/n8n/workflow-builder)
- [

  **/claude-api**![anthropics](https://github.com/anthropics.png?size=40)

  Anthropic · anthropics/skills175k

  Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration. TRIGGER — read BEFORE opening the target file; don't skip because it "looks like a one-liner" — whenever: the prompt names Claude/Anthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, \`anthropic\`, \`@anthropic-ai\`, \`claude-\*\`, \`us.anthropic.\*\`, \`\[1m\]\`); the user asks about an LLM (pricing/model choice/limits/caching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent/MCP/tool-definition/multi-agent/RAG/LLM-judge/computer-use; generate/summarize/extract/classify/rewrite/converse over NL; debugging refusals/cutoffs/streaming/tool-calls/tokens). SKIP only when another provider is being worked on (overrides all triggers): OpenAI/GPT/Gemini/Llama/Mistral/Cohere/Ollama named in the query; OR \`grep -rE 'openai|langchain\_openai|google.generativeai|genai|mistralai|cohere|ollama'\` over the project hits (run this grep FIRST if no provider named — don't Read the file). /claude-api by anthropics](https://skilld.dev/gh/anthropics/skills/claude-api)
- [

  **/mcp-builder**![anthropics](https://github.com/anthropics.png?size=40)

  Anthropic · anthropics/skills175k

  Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK). /mcp-builder by anthropics](https://skilld.dev/gh/anthropics/skills/mcp-builder)
- [

  **/web-artifacts-builder**![anthropics](https://github.com/anthropics.png?size=40)

  Anthropic · anthropics/skills175k

  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. /web-artifacts-builder by anthropics](https://skilld.dev/gh/anthropics/skills/web-artifacts-builder)
- [

  **/component-refactoring**![langgenius](https://github.com/langgenius.png?size=40)

  langgenius/dify155k

  Refactor high-complexity React components in Dify frontend. Use when \`pnpm analyze-component --json\` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when \`pnpm analyze-component\` warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants testing without refactoring. /component-refactoring by langgenius](https://skilld.dev/gh/langgenius/dify/component-refactoring)
- [

  **/frontend-code-review**![langgenius](https://github.com/langgenius.png?size=40)

  langgenius/dify155k

  Use only when the user explicitly requests a review or audit of frontend code under \`web/\` or \`packages/dify-ui/\`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code. /frontend-code-review by langgenius](https://skilld.dev/gh/langgenius/dify/frontend-code-review)
- [

  **/fullstack-developer**![shubhamsaboo](https://github.com/shubhamsaboo.png?size=40)

  Shubham Saboo · shubhamsaboo/awesome-llm-apps137k

  Modern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, developing APIs, creating frontends, setting up databases, deploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB, PostgreSQL, or full-stack development. /fullstack-developer by shubhamsaboo](https://skilld.dev/gh/shubhamsaboo/awesome-llm-apps/fullstack-developer)
- [

  **/gstack-openclaw-retro**![garrytan](https://github.com/garrytan.png?size=40)

  Garry Tan · garrytan/gstack132k

  Weekly engineering retrospective. Analyzes commit history, work patterns, and code quality metrics with persistent history and trend tracking. Team-aware with per-person contributions, praise, and growth areas. Use when asked for weekly retro, what shipped this week, or engineering retrospective. /gstack-openclaw-retro by garrytan](https://skilld.dev/gh/garrytan/gstack/gstack-openclaw-retro)
- [

  **/skillify**![garrytan](https://github.com/garrytan.png?size=40)

  Garry Tan · garrytan/gstack132k

  Codify the most recent successful /scrape flow into a permanent browser-skill on disk. (gstack) /skillify by garrytan](https://skilld.dev/gh/garrytan/gstack/skillify)
- [

  **/shadcn**![shadcn](https://github.com/shadcn.png?size=40)

  shadcn/ui123k

  Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset". /shadcn by shadcn](https://skilld.dev/gh/shadcn/ui)
- [

  **/cloud**![browser-use](https://github.com/browser-use.png?size=40)

  Browser Use · browser-use/browser-use114k

  Documentation reference for using Browser Use Cloud — the hosted API and SDK for browser automation. Use this skill whenever the user needs help with the Cloud REST API (v2, v3, or v4), browser-use-sdk (Python or TypeScript), X-Browser-Use-API-Key authentication, cloud sessions, browser profiles, profile sync, CDP WebSocket connections, stealth browsers, residential proxies, CAPTCHA handling, webhooks, workspaces, skills marketplace, liveUrl streaming, pricing, or integration patterns (chat UI, subagent, adding browser tools to existing agents). Also trigger for questions about n8n/Make/Zapier integration, Playwright/ Puppeteer/Selenium on cloud infrastructure, or 1Password vault integration. Do NOT use this for the open-source Python library (Agent, Browser, Tools config) — use the open-source skill instead. /cloud by browser-use](https://skilld.dev/gh/browser-use/browser-use/cloud)
- [

  **/api-and-interface-design**![addyosmani](https://github.com/addyosmani.png?size=40)

  Addy Osmani · addyosmani/agent-skills93k

  Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend. /api-and-interface-design by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/api-and-interface-design)
- [

  **/frontend-ui-engineering**![addyosmani](https://github.com/addyosmani.png?size=40)

  Addy Osmani · addyosmani/agent-skills93k

  Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated. /frontend-ui-engineering by addyosmani](https://skilld.dev/gh/addyosmani/agent-skills/frontend-ui-engineering)
- [

  **/artifacts-builder**![composiohq](https://github.com/composiohq.png?size=40)

  Composio · composiohq/awesome-claude-skills75k

  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. /artifacts-builder by composiohq](https://skilld.dev/gh/composiohq/awesome-claude-skills)
- [

  **/add-app-to-server**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool", "enrich MCP tools with UI", "add interactive UI to existing server", "add MCP Apps to my server", or needs to add interactive UI capabilities to an existing MCP server that already has tools. Provides guidance for analyzing existing tools and adding MCP Apps UI resources. /add-app-to-server by tldraw](https://skilld.dev/gh/tldraw/tldraw/add-app-to-server)
- [

  **/convert-web-app**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing web application while keeping it working standalone. Provides guidance for analyzing existing web apps and creating a hybrid web + MCP App with server-side tool and resource registration. /convert-web-app by tldraw](https://skilld.dev/gh/tldraw/tldraw/convert-web-app)
- [

  **/create-mcp-app**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs. /create-mcp-app by tldraw](https://skilld.dev/gh/tldraw/tldraw/create-mcp-app)
- [

  **/migrate-oai-app**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  This skill should be used when the user asks to "migrate from OpenAI Apps SDK", "convert OpenAI App to MCP", "port from window.openai", "migrate from skybridge", "convert openai/outputTemplate", or needs guidance on converting OpenAI Apps SDK applications to MCP Apps SDK. Provides step-by-step migration guidance with API mapping tables. /migrate-oai-app by tldraw](https://skilld.dev/gh/tldraw/tldraw/migrate-oai-app)
- [

  **/shepherd-pr**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Keep an eye on this PR. Review and resolve pull request comments and fix build failures autonomously. Use when asked to review PR feedback, address reviewer comments, fix CI failures, resolve PR threads, or handle PR maintenance tasks like "review PR comments", "fix the build", "address PR feedback", "clean up PR", or "resolve comments". Handles comment triage (resolve false positives, fix trivial issues, flag complex ones), build/lint/type errors, and e2e snapshot updates. /shepherd-pr by tldraw](https://skilld.dev/gh/tldraw/tldraw/shepherd-pr)
- [

  **/spec-driven-tests**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Rebuild a package's unit test suite around a behavior specification (SPEC.md) derived from the implementation, with every test citing a numbered rule ID. Use when asked to do a spec-driven test rebuild, write a SPEC.md for a package, repeat the state or store spec process (PRs #9158, #9172) for another package, or rebuild tests around a spec. /spec-driven-tests by tldraw](https://skilld.dev/gh/tldraw/tldraw/spec-driven-tests)
- [

  **/take**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Find a GitHub issue in tldraw/tldraw, assign it, implement it, verify it, and open a pull request. Use when the user invokes take, asks to take an issue, implement an issue, work on an issue number or URL, or pick up an issue from a description. /take by tldraw](https://skilld.dev/gh/tldraw/tldraw/take)
- [

  **/tldraw-migrate**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Migrate a project to a newer version of the tldraw SDK. Use when upgrading tldraw packages, fixing TypeScript errors after a tldraw upgrade, or when the user mentions tldraw migration. /tldraw-migrate by tldraw](https://skilld.dev/gh/tldraw/tldraw/tldraw-migrate)
- [

  **/write-e2e-tests**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Writing Playwright E2E tests for tldraw. Use when creating browser tests, testing UI interactions, or adding E2E coverage in apps/examples/e2e or apps/dotcom/client/e2e. /write-e2e-tests by tldraw](https://skilld.dev/gh/tldraw/tldraw/write-e2e-tests)
- [

  **/write-example**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Writing examples for the tldraw SDK examples app. Use when creating new examples, adding SDK demonstrations, or writing example code in apps/examples. /write-example by tldraw](https://skilld.dev/gh/tldraw/tldraw/write-example)
- [

  **/write-unit-tests**![tldraw](https://github.com/tldraw.png?size=40)

  tldraw/tldraw50k

  Writing unit and integration tests for the tldraw SDK. Use when creating new tests, adding test coverage, or fixing failing tests in packages/editor or packages/tldraw. Covers Vitest patterns, TestEditor usage, and test file organization. /write-unit-tests by tldraw](https://skilld.dev/gh/tldraw/tldraw/write-unit-tests)
- [

  **/adopting-generated-api-types**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Use when migrating frontend code from manual API client calls (\`api.get\`, \`api.create\`, \`api.surveys.get\`, \`api.dashboards.list\`, \`new ApiRequest()\`) and handwritten TypeScript interfaces to generated API functions and types. Triggers on files importing from \`lib/api\`, files with \`api.get<\`, \`api.create<\`, \`api.\<entity>.\<method>\`, manual interface definitions that duplicate backend serializers, or any frontend file that constructs API URLs by hand. Covers the full replacement workflow — finding the generated equivalent, swapping imports, adapting call sites, and removing dead manual types. /adopting-generated-api-types by posthog](https://skilld.dev/gh/posthog/posthog/adopting-generated-api-types)
- [

  **/consuming-endpoints-from-client-code**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Wire a PostHog endpoint into a client app or SDK. Covers fetching the OpenAPI spec, generating a typed client with openapi-generator or @hey-api/openapi-ts, sending the right auth header, shaping the variables payload (HogQL code\_name vs insight breakdown property), handling rate-limit and materialised-endpoint error responses. Use when the user says "how do I call my endpoint", "generate a client for this", or "what auth header do I use". /consuming-endpoints-from-client-code by posthog](https://skilld.dev/gh/posthog/posthog/consuming-endpoints-from-client-code)
- [

  **/dashboard-widgets**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guides PostHog engineers through dashboard widget platform work in the repo — ship a new widget\_type (WIDGET\_REGISTRY, catalog, run\_widgets, WidgetCard) or change an existing shipped type (config, query, layout, RBAC). Use when implementing or modifying dashboard widget types such as error\_tracking\_list or session\_replay\_list. When wiring an existing product, match scene list/card UI via shared components where possible. Do not ship chart-based widget types — use insight tiles for trends and graphs. New types require widget-intake: discover product UI in-repo, infer group and template without asking the engineer, ask only for ambiguous spec fields, then confirm before coding. Do not use for MCP batch-add of existing types or adding tiles to a dashboard. /dashboard-widgets by posthog](https://skilld.dev/gh/posthog/posthog/dashboard-widgets)
- [

  **/debugging-ci-failures**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Debugs failing GitHub Actions CI runs for PostHog PRs, commits, and branches, and answers broad CI-health questions ("is CI red?", "is master green today?", "what's broken right now?"). Use when the user asks why CI is red, asks for the current CI or master status, or mentions a failing check, GitHub Actions run, Depot runner, workflow, job, shard, merge queue kick, flaky test, lint failure, typecheck failure, snapshot diff, migration check, generated types drift, or skills build failure. Start with the \`hogli ci:insights\` digest (cross-run CI history from engineering analytics), then guides read-only inspection, failure classification, smallest local reproduction with hogli, and safe reporting without rerunning CI or posting to GitHub. Running unattended as the "Master-red diagnosis" workflow: see references/master-red-incident.md. /debugging-ci-failures by posthog](https://skilld.dev/gh/posthog/posthog/debugging-ci-failures)
- [

  **/implementing-mcp-tools**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guide for exposing PostHog product endpoints as MCP tools. Use when creating new or updating API endpoints, adding MCP tool definitions, scaffolding YAML configs, or writing serializers with good descriptions. Covers the full pipeline from Django serializer to generated TypeScript tool handler. /implementing-mcp-tools by posthog](https://skilld.dev/gh/posthog/posthog/implementing-mcp-tools)
- [

  **/implementing-mcp-ui-apps**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guide for adding MCP UI apps — interactive visualizations that render tool results in MCP clients like Claude Desktop. Use when adding a new detail or list view for an MCP tool, creating view components in products/\*/mcp/apps/, or linking tools to UI apps via YAML. /implementing-mcp-ui-apps by posthog](https://skilld.dev/gh/posthog/posthog/implementing-mcp-ui-apps)
- [

  **/improving-drf-endpoints**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Use when editing, reviewing, or auditing DRF viewsets and serializers in PostHog. Triggers on files in posthog/api/, products/\*/backend/api/, products/\*/backend/presentation/, or any file importing rest\_framework. Covers field typing, schema annotations, enum collision fixes, and OpenAPI spec quality — everything that flows downstream into generated TypeScript types and MCP tools. /improving-drf-endpoints by posthog](https://skilld.dev/gh/posthog/posthog/improving-drf-endpoints)
- [

  **/ingestion-pipeline-doctor-nodejs**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Ingestion pipeline architecture overview and convention reference. Use when you need a quick orientation to the pipeline framework or want to know which doctor agent to use for a specific concern. /ingestion-pipeline-doctor-nodejs by posthog](https://skilld.dev/gh/posthog/posthog/ingestion-pipeline-doctor-nodejs)
- [

  **/manage-dashboard-widgets**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guides PostHog engineers through dashboard widget platform work — ship a new widget\_type (WIDGET\_REGISTRY, catalog, run\_widgets, WidgetCard) or update a shipped type (config, query, layout, RBAC, tile filter bar, list footer, titleHref, throttles). Use for WidgetSpec, widget\_specs/, widget-configs.zod.ts, hogli build:openapi, error\_tracking\_list, session\_replay\_list, widgetFilters, formatWidgetListCountFooter, widget\_query\_throttle, or WidgetCard composition. New types need widget-intake confirmation first. Not for MCP batch-add of existing types or adding tiles to a dashboard. /manage-dashboard-widgets by posthog](https://skilld.dev/gh/posthog/posthog/manage-dashboard-widgets)
- [

  **/modifying-taxonomic-filter**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guides safe changes to the TaxonomicFilter, PostHog's picker for events, actions, properties, cohorts, and more. Use when adding features, fixing bugs, improving search or loading performance, or refactoring the legacy filter, rebuild menu, or headless filter panel. Covers real selection behavior, three live variants, shared telemetry, the conditional Postgres search plan, and result reveal rules. /modifying-taxonomic-filter by posthog](https://skilld.dev/gh/posthog/posthog/modifying-taxonomic-filter)
- [

  **/scene-menu-bar**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Conventions for adding or editing the SceneMenuBar above a scene's \<SceneTitleSection>. Use when adding new menu items, moving items between menus, gating behind feature flags, building a new scene's menubar, or wiring rich inputs (tags, combobox) into the bar. /scene-menu-bar by posthog](https://skilld.dev/gh/posthog/posthog/scene-menu-bar)
- [

  **/signals-scout-error-tracking**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Signals scout for PostHog error tracking. Watches \`$exception\` bursts, stuck loops, multi- fingerprint clusters, and status regressions. /signals-scout-error-tracking by posthog](https://skilld.dev/gh/posthog/posthog/signals-scout-error-tracking)
- [

  **/survey-sdk-audit**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Audit PostHog survey SDK features and version requirements /survey-sdk-audit by posthog](https://skilld.dev/gh/posthog/posthog/survey-sdk-audit)
- [

  **/triaging-error-issues**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Triage PostHog error tracking issues during a daily or on-call review. Use when the user asks "what's broken?", "what new errors do we have?", "show me top errors today", "what should I look at this morning", or wants a prioritized list of active issues to work on. Surfaces new and high-impact issues, ranks by users affected and recency, points at linked replays, and proposes next actions (investigate, assign, suppress, merge). /triaging-error-issues by posthog](https://skilld.dev/gh/posthog/posthog/triaging-error-issues)
- [

  **/visualizing-change-over-time**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Helps PostHog engineers and agents pick the right chart when a request is about visualizing change over time, before/after comparisons, or period-over-period movement while building UI with @posthog/quill-charts (dashboards, reports, the mcp\_analytics frontend, custom visualizations). Use when a user asks how something "changed", "moved", "grew", "dropped", "improved", or "regressed" between two points or periods, or mentions "before/after", "period over period", "week over week", "delta", "slope graph", "slopegraph", or comparing many series across two snapshots. Surfaces both the \`SlopeChart\` quill component and the native \`ChartDisplayType.SlopeGraph\` insight display as options. /visualizing-change-over-time by posthog](https://skilld.dev/gh/posthog/posthog/visualizing-change-over-time)
- [

  **/writing-kea-logics**![posthog](https://github.com/posthog.png?size=40)

  posthog/posthog40k

  Guide for writing or reviewing PostHog kea logic files (\`\*Logic.ts\` / \`\*Logic.tsx\`). Use when creating a new logic, adding actions/reducers/selectors/listeners/loaders/forms/router bindings, choosing between reducer vs selector vs cache, deciding between listeners and \`kea-subscriptions\`, wiring React with \`useValues\`/\`useActions\`/\`BindLogic\`, or onboarding to kea conventions. Read keajs.org for upstream API; this skill captures PostHog-specific conventions and idioms. /writing-kea-logics by posthog](https://skilld.dev/gh/posthog/posthog/writing-kea-logics)
- [

  **/angular-migration**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code. /angular-migration by wshobson](https://skilld.dev/gh/wshobson/agents/angular-migration)
- [

  **/dependency-upgrade**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Manage major dependency version upgrades with compatibility analysis, staged rollout, and comprehensive testing. Use when upgrading framework versions, updating major dependencies, or managing breaking changes in libraries. /dependency-upgrade by wshobson](https://skilld.dev/gh/wshobson/agents/dependency-upgrade)
- [

  **/design-system-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations. /design-system-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/design-system-patterns)
- [

  **/javascript-testing-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /javascript-testing-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/javascript-testing-patterns)
- [

  **/modern-javascript-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /modern-javascript-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/modern-javascript-patterns)
- [

  **/monorepo-management**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and dependency management. Use when setting up monorepos, optimizing builds, or managing shared dependencies. /monorepo-management by wshobson](https://skilld.dev/gh/wshobson/agents/monorepo-management)
- [

  **/nextjs-app-router-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components. /nextjs-app-router-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/nextjs-app-router-patterns)
- [

  **/nodejs-backend-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /nodejs-backend-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/nodejs-backend-patterns)
- [

  **/nx-workspace-patterns**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Configure and optimize Nx monorepo workspaces. Use when setting up Nx, configuring project boundaries, optimizing build caching, or implementing affected commands. /nx-workspace-patterns by wshobson](https://skilld.dev/gh/wshobson/agents/nx-workspace-patterns)
- [

  **/react-modernization**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /react-modernization by wshobson](https://skilld.dev/gh/wshobson/agents/react-modernization)
- [

  **/react-native-architecture**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /react-native-architecture by wshobson](https://skilld.dev/gh/wshobson/agents/react-native-architecture)
- [

  **/react-native-design**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /react-native-design by wshobson](https://skilld.dev/gh/wshobson/agents/react-native-design)
- [

  **/react-state-management**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /react-state-management by wshobson](https://skilld.dev/gh/wshobson/agents/react-state-management)
- [

  **/turborepo-caching**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  Configure Turborepo for efficient monorepo builds with local and remote caching. Use when setting up Turborepo, optimizing build pipelines, or implementing distributed caching. /turborepo-caching by wshobson](https://skilld.dev/gh/wshobson/agents/turborepo-caching)
- [

  **/typescript-advanced-types**![wshobson](https://github.com/wshobson.png?size=40)

  Seth Hobson · wshobson/agents40k

  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. /typescript-advanced-types by wshobson](https://skilld.dev/gh/wshobson/agents/typescript-advanced-types)
- [

  **/acreadiness-assess**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Run the AgentRC readiness assessment on the current repository and produce a static HTML dashboard at reports/index.html. Wraps \`npx github:microsoft/agentrc readiness\` and hands off rendering to the @ai-readiness-reporter custom agent. Supports policies (--policy) for org-specific scoring. Use when asked to assess, audit, or score the AI readiness of a repo. /acreadiness-assess by github](https://skilld.dev/gh/github/awesome-copilot/acreadiness-assess)
- [

  **/arize-instrumentation**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Adds Arize AX tracing to an LLM application for the first time. Follows a two-phase agent-assisted flow to analyze the codebase then implement instrumentation after user confirmation. Use when the user wants to instrument their app, add tracing from scratch, set up LLM observability, integrate OpenTelemetry or openinference, or get started with Arize tracing. /arize-instrumentation by github](https://skilld.dev/gh/github/awesome-copilot/arize-instrumentation)
- [

  **/breakdown-epic-arch**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Prompt for creating the high-level technical architecture for an Epic, based on a Product Requirements Document. /breakdown-epic-arch by github](https://skilld.dev/gh/github/awesome-copilot/breakdown-epic-arch)
- [

  **/breakdown-feature-implementation**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Prompt for creating detailed feature implementation plans, following Epoch monorepo structure. /breakdown-feature-implementation by github](https://skilld.dev/gh/github/awesome-copilot/breakdown-feature-implementation)
- [

  **/code-exemplars-blueprint-generator**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Technology-agnostic prompt generator that creates customizable AI prompts for scanning codebases and identifying high-quality code exemplars. Supports multiple programming languages (.NET, Java, JavaScript, TypeScript, React, Angular, Python) with configurable analysis depth, categorization methods, and documentation formats to establish coding standards and maintain consistency across development teams. /code-exemplars-blueprint-generator by github](https://skilld.dev/gh/github/awesome-copilot/code-exemplars-blueprint-generator)
- [

  **/copilot-instructions-blueprint-generator**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Technology-agnostic blueprint generator for creating comprehensive copilot-instructions.md files that guide GitHub Copilot to produce code consistent with project standards, architecture patterns, and exact technology versions by analyzing existing codebase patterns and avoiding assumptions. /copilot-instructions-blueprint-generator by github](https://skilld.dev/gh/github/awesome-copilot/copilot-instructions-blueprint-generator)
- [

  **/copilot-sdk**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Build agentic applications with GitHub Copilot SDK. Use when embedding AI agents in apps, creating custom tools, implementing streaming responses, managing sessions, connecting to MCP servers, or creating custom agents. Triggers on Copilot SDK, GitHub SDK, agentic app, embed Copilot, programmable agent, MCP server, custom agent. /copilot-sdk by github](https://skilld.dev/gh/github/awesome-copilot/copilot-sdk)
- [

  **/fluentui-blazor**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentDataGrid, FluentDialog, FluentToast, FluentNavMenu, FluentTextField, FluentSelect, FluentAutocomplete, FluentDesignTheme, or any component prefixed with "Fluent". Also use when troubleshooting missing providers, JS interop issues, or theming. /fluentui-blazor by github](https://skilld.dev/gh/github/awesome-copilot/fluentui-blazor)
- [

  **/generate-custom-instructions-from-codebase**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Migration and code evolution instructions generator for GitHub Copilot. Analyzes differences between two project versions (branches, commits, or releases) to create precise instructions allowing Copilot to maintain consistency during technology migrations, major refactoring, or framework version upgrades. /generate-custom-instructions-from-codebase by github](https://skilld.dev/gh/github/awesome-copilot/generate-custom-instructions-from-codebase)
- [

  **/go-mcp-server-generator**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Generate a complete Go MCP server project with proper structure, dependencies, and implementation using the official github.com/modelcontextprotocol/go-sdk. /go-mcp-server-generator by github](https://skilld.dev/gh/github/awesome-copilot/go-mcp-server-generator)
- [

  **/integrate-context-matic**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Discovers and integrates third-party APIs using the context-matic MCP server. Uses \`fetch\_api\` to find available API SDKs, \`ask\` for integration guidance, \`model\_search\` and \`endpoint\_search\` for SDK details. Use when the user asks to integrate a third-party API, add an API client, implement features with an external API, or work with any third-party API or SDK. /integrate-context-matic by github](https://skilld.dev/gh/github/awesome-copilot/integrate-context-matic)
- [

  **/javascript-typescript-jest**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Best practices for writing JavaScript/TypeScript tests using Jest, including mocking strategies, test structure, and common patterns. /javascript-typescript-jest by github](https://skilld.dev/gh/github/awesome-copilot/javascript-typescript-jest)
- [

  **/lsp-setup**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Enable code intelligence (go-to-definition, find-references, hover, type info) for any programming language by installing and configuring an LSP server for Copilot CLI. Detects the OS, installs the right server, and generates the JSON configuration (user-level or repo-level). Use when you need deeper code understanding and no LSP server is configured, or when the user asks to set up, install, or configure an LSP server. /lsp-setup by github](https://skilld.dev/gh/github/awesome-copilot/lsp-setup)
- [

  **/msgraph-sdk**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Integrate Microsoft Graph SDK into any project — .NET, TypeScript/JavaScript, or Python. Covers auth patterns (client credentials, OBO, managed identity), SDK setup, calling Graph APIs, batching, delta queries, change notifications, throttling, and permission scopes. Use when accessing Microsoft 365 data (users, mail, calendar, Teams, files, SharePoint) from any application type. /msgraph-sdk by github](https://skilld.dev/gh/github/awesome-copilot/msgraph-sdk)
- [

  **/next-intl-add-language**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Add new language to a Next.js + next-intl application /next-intl-add-language by github](https://skilld.dev/gh/github/awesome-copilot/next-intl-add-language)
- [

  **/openapi-to-application-code**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Generate a complete, production-ready application from an OpenAPI specification /openapi-to-application-code by github](https://skilld.dev/gh/github/awesome-copilot/openapi-to-application-code)
- [

  **/phoenix-evals**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Build and run evaluators for AI/LLM applications using Phoenix. /phoenix-evals by github](https://skilld.dev/gh/github/awesome-copilot/phoenix-evals)
- [

  **/phoenix-tracing**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  OpenInference semantic conventions and instrumentation for Phoenix AI observability. Use when implementing LLM tracing, creating custom spans, or deploying to production. /phoenix-tracing by github](https://skilld.dev/gh/github/awesome-copilot/phoenix-tracing)
- [

  **/playwright-generate-test**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Generate a Playwright test based on a scenario using Playwright MCP /playwright-generate-test by github](https://skilld.dev/gh/github/awesome-copilot/playwright-generate-test)
- [

  **/power-apps-code-app-scaffold**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Scaffold a complete Power Apps Code App project with PAC CLI setup, SDK integration, and connector configuration /power-apps-code-app-scaffold by github](https://skilld.dev/gh/github/awesome-copilot/power-apps-code-app-scaffold)
- [

  **/qdrant-clients-sdk**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Qdrant provides client SDKs for various programming languages, allowing easy integration with Qdrant deployments. /qdrant-clients-sdk by github](https://skilld.dev/gh/github/awesome-copilot/qdrant-clients-sdk)
- [

  **/react-container-presentation-component**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Create a React component using the Container/Presentation pattern in src/components by asking for the component name and type (ui or features), then scaffold files that follow this repository's TypeScript, Storybook, and SCSS conventions. Use when the user explicitly asks for a Container/Presentation-based component or runs /react-container-presentation-component. /react-container-presentation-component by github](https://skilld.dev/gh/github/awesome-copilot/react-container-presentation-component)
- [

  **/react19-source-patterns**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Reference for React 19 source-file migration patterns, including API changes, ref handling, and context updates. /react19-source-patterns by github](https://skilld.dev/gh/github/awesome-copilot/react19-source-patterns)
- [

  **/refactor**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Surgical code refactoring to improve maintainability without changing behavior. Covers extracting functions, renaming variables, breaking down god functions, improving type safety, eliminating code smells, and applying design patterns. Less drastic than repo-rebuilder; use for gradual improvements. /refactor by github](https://skilld.dev/gh/github/awesome-copilot/refactor)
- [

  **/refactor-plan**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Create a concrete plan before starting a multi-file refactor. Use when the user asks to plan, sequence, scope, or safely execute a refactor across multiple files; always investigate first, output the plan, and wait for confirmation before making code changes. /refactor-plan by github](https://skilld.dev/gh/github/awesome-copilot/refactor-plan)
- [

  **/typescript-mcp-server-generator**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Generate a complete MCP server project in TypeScript using the MCP TypeScript SDK v2 (@modelcontextprotocol/server) with tools, resources, and proper configuration /typescript-mcp-server-generator by github](https://skilld.dev/gh/github/awesome-copilot/typescript-mcp-server-generator)
- [

  **/typespec-api-operations**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Add GET, POST, PATCH, and DELETE operations to a TypeSpec API plugin with proper routing, parameters, and adaptive cards /typespec-api-operations by github](https://skilld.dev/gh/github/awesome-copilot/typespec-api-operations)
- [

  **/unit-test-vue-pinia**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mocking Pinia with createTestingPinia; applying Vue Test Utils patterns; and enforcing black-box assertions over implementation details. /unit-test-vue-pinia by github](https://skilld.dev/gh/github/awesome-copilot/unit-test-vue-pinia)
- [

  **/vscode-ext-localization**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Guidelines for proper localization of VS Code extensions, following VS Code extension development guidelines, libraries and good practices /vscode-ext-localization by github](https://skilld.dev/gh/github/awesome-copilot/vscode-ext-localization)
- [

  **/x-twitter-scraper**![github](https://github.com/github.png?size=40)

  github/awesome-copilot39k

  Build GitHub Copilot workflows with Xquik X API SDKs, REST endpoints, hosted Apify Actor runs, MCP tools, TweetClaw OpenClaw plugin installs, signed webhooks, tweet search, user lookup, follower exports, media actions, and agent automation. /x-twitter-scraper by github](https://skilld.dev/gh/github/awesome-copilot/x-twitter-scraper)
- [

  **/deploy-to-vercel**![vercel-labs](https://github.com/vercel-labs.png?size=40)

  Vercel Labs · vercel-labs/agent-skills31k

  Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment". /deploy-to-vercel by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/deploy-to-vercel)
- [

  **/react-best-practices**![vercel-labs](https://github.com/vercel-labs.png?size=40)

  Vercel Labs · vercel-labs/agent-skills31k

  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. /react-best-practices by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/react-best-practices)
- [

  **/vercel-cli-with-tokens**![vercel-labs](https://github.com/vercel-labs.png?size=40)

  Vercel Labs · vercel-labs/agent-skills31k

  Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel". /vercel-cli-with-tokens by vercel-labs](https://skilld.dev/gh/vercel-labs/agent-skills/vercel-cli-with-tokens)
- [

  **/gws-calendar-insert**![googleworkspace](https://github.com/googleworkspace.png?size=40)

  Google Workspace · googleworkspace/cli31k

  Google Calendar: Create a new event. /gws-calendar-insert by googleworkspace](https://skilld.dev/gh/googleworkspace/cli/gws-calendar-insert)
- [

  **/heroui-native**![heroui-inc](https://github.com/heroui-inc.png?size=40)

  HeroUI · heroui-inc/heroui31k

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

  **/heroui-react**![heroui-inc](https://github.com/heroui-inc.png?size=40)

  HeroUI · heroui-inc/heroui31k

  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. /heroui-react by heroui-inc](https://skilld.dev/gh/heroui-inc/heroui/heroui-react)
- [

  **/openapi-to-typescript**![davila7](https://github.com/davila7.png?size=40)

  Daniel Avila · davila7/claude-code-templates31k

  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. /openapi-to-typescript by davila7](https://skilld.dev/gh/davila7/claude-code-templates/openapi-to-typescript)
- [

  **/typescript-expert**![davila7](https://github.com/davila7.png?size=40)

  Daniel Avila · davila7/claude-code-templates31k

  TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling. Use PROACTIVELY for any TypeScript/JavaScript issues including complex type gymnastics, build performance, debugging, and architectural decisions. If a specialized expert is a better fit, I will recommend switching and stop. /typescript-expert by davila7](https://skilld.dev/gh/davila7/claude-code-templates/typescript-expert)
- [

  **/typescript-pro**![davila7](https://github.com/davila7.png?size=40)

  Daniel Avila · davila7/claude-code-templates31k

  Master TypeScript with advanced types, generics, and strict type safety. Handles complex type systems, decorators, and enterprise-grade patterns. /typescript-pro by davila7](https://skilld.dev/gh/davila7/claude-code-templates/typescript-pro)
- [

  **/add-provider-package**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Guide for adding first-party AI provider packages to the AI SDK. Use when creating a provider package under packages/ to integrate an external AI service. /add-provider-package by vercel](https://skilld.dev/gh/vercel/ai/add-provider-package)
- [

  **/adr-skill**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses Socratic questioning to capture intent before drafting, and validates output against an agent-readiness checklist. /adr-skill by vercel](https://skilld.dev/gh/vercel/ai/adr-skill)
- [

  **/capture-api-response-test-fixture**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Capture API response test fixture. /capture-api-response-test-fixture by vercel](https://skilld.dev/gh/vercel/ai/capture-api-response-test-fixture)
- [

  **/develop-ai-functions-example**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support, demonstrate features, or create test fixtures. /develop-ai-functions-example by vercel](https://skilld.dev/gh/vercel/ai/develop-ai-functions-example)
- [

  **/island-rescue**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  How to be rescued from a lonely island /island-rescue by vercel](https://skilld.dev/gh/vercel/ai/island-rescue)
- [

  **/major-version-mode**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Context for working on the next AI SDK major release. Only use when explicitly invoked by the user (e.g. via '/major-version-mode'). Do NOT trigger autonomously based on task content. /major-version-mode by vercel](https://skilld.dev/gh/vercel/ai/major-version-mode)
- [

  **/update-provider-models**![vercel](https://github.com/vercel.png?size=40)

  vercel/ai27k

  Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of model changes from an issue. Triggers on "add model", "remove model", "new model ID", "obsolete model", "update model IDs". /update-provider-models by vercel](https://skilld.dev/gh/vercel/ai/update-provider-models)
- [

  **/chatgpt-apps**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code. /chatgpt-apps by openai](https://skilld.dev/gh/openai/skills/chatgpt-apps)
- [

  **/cli-creator**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read/write commands, return stable JSON, manage auth, and pair with a companion skill. /cli-creator by openai](https://skilld.dev/gh/openai/skills/cli-creator)
- [

  **/figma**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting. /figma by openai](https://skilld.dev/gh/openai/skills/figma)
- [

  **/figma-generate-library**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the \`figma-use\` skill which teaches HOW to call the Plugin API. Both skills should be loaded together. /figma-generate-library by openai](https://skilld.dev/gh/openai/skills/figma-generate-library)
- [

  **/figma-implement-design**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via \`use\_figma\`, use \`figma-use\`. /figma-implement-design by openai](https://skilld.dev/gh/openai/skills/figma-implement-design)
- [

  **/security-best-practices**![openai](https://github.com/openai.png?size=40)

  openai/skills27k

  Perform language and framework specific security best-practice reviews and suggest improvements. Trigger only when the user explicitly requests security best practices guidance, a security review/report, or secure-by-default coding help. Trigger only for supported languages (python, javascript/typescript, go). Do not trigger for general code review, debugging, or non-security tasks. /security-best-practices by openai](https://skilld.dev/gh/openai/skills/security-best-practices)
- [

  **/baoyu-comic**![jimliu](https://github.com/jimliu.png?size=40)

  Jim Liu 宝玉 · jimliu/baoyu-skills26k

  Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and batch-capable image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic". /baoyu-comic by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-comic)
- [

  **/baoyu-compress-image**![jimliu](https://github.com/jimliu.png?size=40)

  Jim Liu 宝玉 · jimliu/baoyu-skills26k

  Compresses images to WebP (default) or PNG with automatic tool selection. Use when user asks to "compress image", "optimize image", "convert to webp", or reduce image file size. /baoyu-compress-image by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-compress-image)
- [

  **/baoyu-danger-gemini-web**![jimliu](https://github.com/jimliu.png?size=40)

  Jim Liu 宝玉 · jimliu/baoyu-skills26k

  Generates images and text via reverse-engineered Gemini Web API. Supports text generation, image generation from prompts, reference images for vision input, and multi-turn conversations. Use when other skills need image generation backend, or when user requests "generate image with Gemini", "Gemini text generation", or needs vision-capable AI generation. /baoyu-danger-gemini-web by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-danger-gemini-web)
- [

  **/baoyu-youtube-transcript**![jimliu](https://github.com/jimliu.png?size=40)

  Jim Liu 宝玉 · jimliu/baoyu-skills26k

  Downloads YouTube video transcripts/subtitles and cover images by URL or video ID. Supports multiple languages, translation, chapters, and speaker identification. Caches raw data for fast re-formatting. Use when user asks to "get YouTube transcript", "download subtitles", "get captions", "YouTube字幕", "YouTube封面", "视频封面", "video thumbnail", "video cover image", or provides a YouTube URL and wants the transcript/subtitle text or cover image extracted. /baoyu-youtube-transcript by jimliu](https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-youtube-transcript)
- [

  **/docs-writing**![typescript-eslint](https://github.com/typescript-eslint.png?size=40)

  typescript-eslint/typescript-eslint16k

  Write and review typescript-eslint documentation with objective, verifiable claims and self-contained code examples. Use when changing Markdown or MDX in docs or packages/eslint-plugin/docs. /docs-writing by typescript-eslint](https://skilld.dev/gh/typescript-eslint/typescript-eslint/docs-writing)
- [

  **/rule-performance**![typescript-eslint](https://github.com/typescript-eslint.png?size=40)

  typescript-eslint/typescript-eslint16k

  Find and apply performance wins in typed lint rules by deferring expensive TypeScript type lookups behind cheap AST/syntactic guards. Use when writing or reviewing a rule in packages/eslint-plugin that calls the type checker. /rule-performance by typescript-eslint](https://skilld.dev/gh/typescript-eslint/typescript-eslint/rule-performance)
- [

  **/tests**![typescript-eslint](https://github.com/typescript-eslint.png?size=40)

  typescript-eslint/typescript-eslint16k

  Write rule test cases the way this repo expects — one logical unit per test case, static self-contained snippets, comments only when they add meaning, and precise error assertions. Use when adding or changing tests in packages/eslint-plugin/tests/rules or reviewing a PR that touches rule tests. /tests by typescript-eslint](https://skilld.dev/gh/typescript-eslint/typescript-eslint/tests)
- [

  **/angular-architect**![jeffallan](https://github.com/jeffallan.png?size=40)

  jeffallan/claude-skills11k

  Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps. /angular-architect by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/angular-architect)
- [

  **/mcp-developer**![jeffallan](https://github.com/jeffallan.png?size=40)

  jeffallan/claude-skills11k

  Use when building, debugging, or extending MCP servers or clients that connect AI systems with external tools and data sources. Invoke to implement tool handlers, configure resource providers, set up stdio/HTTP/SSE transport layers, validate schemas with Zod or Pydantic, debug protocol compliance issues, or scaffold complete MCP server/client projects using TypeScript or Python SDKs. /mcp-developer by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/mcp-developer)
- [

  **/playwright-expert**![jeffallan](https://github.com/jeffallan.png?size=40)

  jeffallan/claude-skills11k

  Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke to write test scripts, create page objects, configure test fixtures, set up reporters, add CI integration, implement API mocking, or perform visual regression testing. Trigger terms: Playwright, E2E test, end-to-end, browser testing, automation, UI testing, visual testing, Page Object Model, test flakiness. /playwright-expert by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/playwright-expert)
- [

  **/typescript-pro**![jeffallan](https://github.com/jeffallan.png?size=40)

  jeffallan/claude-skills11k

  Implements advanced TypeScript type systems, creates custom type guards, utility types, and branded types, and configures tRPC for end-to-end type safety. Use when building TypeScript applications requiring advanced generics, conditional or mapped types, discriminated unions, monorepo setup, or full-stack type safety with tRPC. /typescript-pro by jeffallan](https://skilld.dev/gh/jeffallan/claude-skills/typescript-pro)
- [

  **/huggingface-tool-builder**![huggingface](https://github.com/huggingface.png?size=40)

  Hugging Face · huggingface/skills11k

  Use this skill when the user wants to build tool/scripts or achieve a task where using data from the Hugging Face API would help. This is especially useful when chaining or combining API calls or the task will be repeated/automated. This Skill creates a reusable script to fetch, enrich or process data. /huggingface-tool-builder by huggingface](https://skilld.dev/gh/huggingface/skills/huggingface-tool-builder)
- [

  **/transformers-js**![huggingface](https://github.com/huggingface.png?size=40)

  Hugging Face · huggingface/skills11k

  Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (text classification, translation, summarization), computer vision (image classification, object detection), audio (speech recognition, audio classification), and multimodal tasks. Works in browsers and server-side runtimes (Node.js, Bun, Deno) with WebGPU/WASM using pre-trained models from Hugging Face Hub. /transformers-js by huggingface](https://skilld.dev/gh/huggingface/skills/transformers-js)
- [

  **/chatgpt-app-builder**![mcp-use](https://github.com/mcp-use.png?size=40)

  Manufact · mcp-use/mcp-use11k

  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. /chatgpt-app-builder by mcp-use](https://skilld.dev/gh/mcp-use/mcp-use/chatgpt-app-builder)
- [

  **/mcp-apps-builder**![mcp-use](https://github.com/mcp-use.png?size=40)

  Manufact · mcp-use/mcp-use11k

  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. /mcp-apps-builder by mcp-use](https://skilld.dev/gh/mcp-use/mcp-use/mcp-apps-builder)
- [

  **/mcp-builder**![mcp-use](https://github.com/mcp-use.png?size=40)

  Manufact · mcp-use/mcp-use11k

  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. /mcp-builder by mcp-use](https://skilld.dev/gh/mcp-use/mcp-use/mcp-builder)
- [

  **/openapi-to-mcp**![mcp-use](https://github.com/mcp-use.png?size=40)

  Manufact · mcp-use/mcp-use11k

  Build and deploy an MCP server from an OpenAPI / Swagger spec using the mcp-use TypeScript SDK. Use this skill whenever the user wants to "turn this OpenAPI spec into an MCP server", "make this API usable from Claude/ChatGPT", "wrap this Swagger doc as MCP tools", "expose this REST API to an LLM", "generate MCP tools from a spec", or pastes/attaches an \`openapi.yaml\`, \`openapi.json\`, or \`swagger.json\` and asks for a Claude-compatible version. Trigger even if the user doesn't say "MCP" — if they describe an existing HTTP API (REST endpoints, an internal service, a third-party API they have a key for) and want an LLM to call it, this is the right skill. Covers spec ingestion (file path, URL, or pasted), operation-to-tool mapping, auth wiring (apiKey, bearer, basic, OAuth bearer), scaffolding with \`create-mcp-use-app\`, tool generation with proper zod schemas, live testing in the mcp-use inspector, and deploying to Manufact / mcp-use cloud. /openapi-to-mcp by mcp-use](https://skilld.dev/gh/mcp-use/mcp-use/openapi-to-mcp)
- [

  **/react-components**![google-labs-code](https://github.com/google-labs-code.png?size=40)

  Google Labs Code · google-labs-code/stitch-skills8.3k

  Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation. /react-components by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/react-components)
- [

  **/react-native**![google-labs-code](https://github.com/google-labs-code.png?size=40)

  Google Labs Code · google-labs-code/stitch-skills8.3k

  Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet. /react-native by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/react-native)
- [

  **/remotion**![google-labs-code](https://github.com/google-labs-code.png?size=40)

  Google Labs Code · google-labs-code/stitch-skills8.3k

  Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays /remotion by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/remotion)
- [

  **/shadcn-ui**![google-labs-code](https://github.com/google-labs-code.png?size=40)

  Google Labs Code · google-labs-code/stitch-skills8.3k

  Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices. /shadcn-ui by google-labs-code](https://skilld.dev/gh/google-labs-code/stitch-skills/shadcn-ui)
- [

  **/typescript-best-practices**![cursor](https://github.com/cursor.png?size=40)

  cursor/plugins7.1k

  TypeScript best practices. Use when reading or editing any .ts or .tsx file. /typescript-best-practices by cursor](https://skilld.dev/gh/cursor/plugins/typescript-best-practices)
- [

  **/antfu**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  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. /antfu by antfu](https://skilld.dev/gh/antfu/skills/antfu)
- [

  **/pinia**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps. /pinia by antfu](https://skilld.dev/gh/antfu/skills/pinia)
- [

  **/tsdown**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup. /tsdown by antfu](https://skilld.dev/gh/antfu/skills/tsdown)
- [

  **/turborepo**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories. /turborepo by antfu](https://skilld.dev/gh/antfu/skills/turborepo)
- [

  **/vite**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite. /vite by antfu](https://skilld.dev/gh/antfu/skills/vite)
- [

  **/vitest**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Vitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures. /vitest by antfu](https://skilld.dev/gh/antfu/skills/vitest)
- [

  **/vue**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. /vue by antfu](https://skilld.dev/gh/antfu/skills/vue)
- [

  **/vue-best-practices**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\<script setup>\` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API. /vue-best-practices by antfu](https://skilld.dev/gh/antfu/skills/vue-best-practices)
- [

  **/vueuse-functions**![antfu](https://github.com/antfu.png?size=40)

  Anthony Fu · antfu/skills5.9k

  Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features. /vueuse-functions by antfu](https://skilld.dev/gh/antfu/skills/vueuse-functions)
- [

  **/gemini-api-dev**![google-gemini](https://github.com/google-gemini.png?size=40)

  google-gemini/gemini-skills4k

  Use this skill when writing code that calls the Gemini API for text generation, multi-turn chat, multimodal understanding, image generation, video generation, streaming responses, background research tasks, function calling, structured output, or migrating from the old generateContent API. Covers SDK usage and best practices for Gemini models and agents in Python and TypeScript. /gemini-api-dev by google-gemini](https://skilld.dev/gh/google-gemini/gemini-skills/gemini-api-dev)
- [

  **/gemini-interactions-api**![google-gemini](https://github.com/google-gemini.png?size=40)

  google-gemini/gemini-skills4k

  Use this skill when writing code that calls the Gemini API for text generation, multi-turn chat, multimodal understanding, image generation, video generation, streaming responses, background research tasks, function calling, structured output, or migrating from the old generateContent API. This skill covers the Interactions API, the recommended way to use Gemini models and agents in Python and TypeScript. /gemini-interactions-api by google-gemini](https://skilld.dev/gh/google-gemini/gemini-skills/gemini-interactions-api)
- [

  **/gemini-live-api-dev**![google-gemini](https://github.com/google-gemini.png?size=40)

  google-gemini/gemini-skills4k

  Use this skill when building real-time, bidirectional streaming applications with the Gemini Live API. Covers WebSocket-based audio/video/text streaming, voice activity detection (VAD), native audio features, function calling, session management, ephemeral tokens for client-side auth, live translation, and all Live API configuration options. SDKs covered - google-genai (Python), @google/genai (JavaScript/TypeScript). /gemini-live-api-dev by google-gemini](https://skilld.dev/gh/google-gemini/gemini-skills/gemini-live-api-dev)
- [

  **/react-component-performance**![dimillian](https://github.com/dimillian.png?size=40)

  Thomas Ricouard · dimillian/skills3.9k

  Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI updates in React apps. /react-component-performance by dimillian](https://skilld.dev/gh/dimillian/skills/react-component-performance)
- [

  **/review-and-simplify-changes**![dimillian](https://github.com/dimillian.png?size=40)

  Thomas Ricouard · dimillian/skills3.9k

  Review a git diff or explicit file scope for reuse, code quality, efficiency, clarity, and standards issues, then optionally apply safe Codex-driven fixes. Use when the user asks to \\"simplify code\\", \\"review changed code\\", \\"check for code reuse\\", \\"review code quality\\", \\"review efficiency\\", \\"simplify changes\\", \\"clean up code\\", \\"refactor changes\\", or \\"run simplify\\". /review-and-simplify-changes by dimillian](https://skilld.dev/gh/dimillian/skills/review-and-simplify-changes)
- [

  **/ultracite**![haydenbleasel](https://github.com/haydenbleasel.png?size=40)

  Hayden Bleasel · haydenbleasel/ultracite3.3k

  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. /ultracite by haydenbleasel](https://skilld.dev/gh/haydenbleasel/ultracite)
- [

  **/code-review**![flutter](https://github.com/flutter.png?size=40)

  flutter/skills2.9k

  Performs a comprehensive, multi-step code review of pull requests or local code changes, using iterative refinement (generation, critique, synthesis) to ensure high-quality, actionable feedback. Use when you need to review code changes thoroughly. /code-review by flutter](https://skilld.dev/gh/flutter/skills/code-review)
- [

  **/test-driven-development**![flutter](https://github.com/flutter.png?size=40)

  flutter/skills2.9k

  Use when implementing any feature or bugfix, before writing implementation code /test-driven-development by flutter](https://skilld.dev/gh/flutter/skills/test-driven-development)
- [

  **/create-adaptable-composable**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables. /create-adaptable-composable by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/create-adaptable-composable)
- [

  **/vue-best-practices**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\<script setup>\` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API. /vue-best-practices by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/vue-best-practices)
- [

  **/vue-debug-guides**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues. /vue-debug-guides by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/vue-debug-guides)
- [

  **/vue-jsx-best-practices**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  JSX syntax in Vue (e.g., class vs className, JSX plugin config). /vue-jsx-best-practices by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/vue-jsx-best-practices)
- [

  **/vue-options-api-best-practices**![vuejs-ai](https://github.com/vuejs-ai.png?size=40)

  Vue AI · vuejs-ai/skills2.8k

  Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only. /vue-options-api-best-practices by vuejs-ai](https://skilld.dev/gh/vuejs-ai/skills/vue-options-api-best-practices)
- [

  **/create-adaptable-composable**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables. /create-adaptable-composable by hyf0](https://skilld.dev/gh/hyf0/vue-skills/create-adaptable-composable)
- [

  **/vue-best-practices**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  MUST be used for Vue.js tasks. Strongly recommends Composition API with \`\<script setup>\` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API. /vue-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-best-practices)
- [

  **/vue-jsx-best-practices**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  JSX syntax in Vue (e.g., class vs className, JSX plugin config). /vue-jsx-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-jsx-best-practices)
- [

  **/vue-options-api-best-practices**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only. /vue-options-api-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-options-api-best-practices)
- [

  **/vue-pinia-best-practices**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  Pinia stores, state management patterns, store setup, and reactivity with stores. /vue-pinia-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-pinia-best-practices)
- [

  **/vue-router-best-practices**![hyf0](https://github.com/hyf0.png?size=40)

  hyf0/vue-skills2.8k

  Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions. /vue-router-best-practices by hyf0](https://skilld.dev/gh/hyf0/vue-skills/vue-router-best-practices)
- [

  **/durable-objects**![cloudflare](https://github.com/cloudflare.png?size=40)

  cloudflare/skills2.8k

  Build, debug, or review Cloudflare Durable Objects code for persistent state and coordination. /durable-objects by cloudflare](https://skilld.dev/gh/cloudflare/skills/durable-objects)
- [

  **/sandbox-sdk**![cloudflare](https://github.com/cloudflare.png?size=40)

  cloudflare/skills2.8k

  Build sandboxed applications for secure code execution. Load when building AI code execution, code interpreters, CI/CD systems, interactive dev environments, or executing untrusted code. Covers Sandbox SDK lifecycle, commands, files, code interpreter, and preview URLs. Biases towards retrieval from Cloudflare docs over pre-trained knowledge. /sandbox-sdk by cloudflare](https://skilld.dev/gh/cloudflare/skills/sandbox-sdk)
- [

  **/docx**![anthropics](https://github.com/anthropics.png?size=40)

  Anthropic · anthropics/claude-agent-sdk-demos2.7k

  Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks /docx by anthropics](https://skilld.dev/gh/anthropics/claude-agent-sdk-demos/docx)
- [

  **/supabase**![supabase](https://github.com/supabase.png?size=40)

  supabase/agent-skills2.6k

  Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Storage, Vectors, Cron, Queues); client libraries and SSR integrations (supabase-js, @supabase/ssr) in Next.js, React, SvelteKit, Astro, Remix; auth issues (login, logout, sessions, JWT, cookies, getSession, getUser, getClaims, RLS); Supabase CLI or MCP server; schema changes, migrations, declarative schemas, security audits, Postgres extensions (pg\_graphql, pg\_cron, pg\_vector); debugging and troubleshooting errors or unexpected behavior on Supabase projects (HTTP errors, Postgres errors, RLS surprises, permission denied, schema cache issues, timeouts, Edge Function crashes, Realtime drops, Storage failures) and reading or querying logs (Logs Explorer, ClickHouse). /supabase by supabase](https://skilld.dev/gh/supabase/agent-skills/supabase)
- [

  **/expo-api-routes**![expo](https://github.com/expo.png?size=40)

  expo/skills2.5k

  Guidelines for creating API routes in Expo Router with EAS Hosting /expo-api-routes by expo](https://skilld.dev/gh/expo/skills/expo-api-routes)
- [

  **/expo-module**![expo](https://github.com/expo.png?size=40)

  expo/skills2.5k

  Framework (OSS). Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition DSL, native views, shared objects, config plugins, lifecycle hooks, autolinking, and type system. Use when building or modifying native modules for Expo. Not for migrating an existing Swift module from the definition DSL to the Expo Modules API 2.0 macros; use expo-migrate-module (from the expo-experiments plugin) for that. /expo-module by expo](https://skilld.dev/gh/expo/skills/expo-module)
- [

  **/expo-tailwind-setup**![expo](https://github.com/expo.png?size=40)

  expo/skills2.5k

  Framework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling /expo-tailwind-setup by expo](https://skilld.dev/gh/expo/skills/expo-tailwind-setup)
- [

  **/expo-ui-jetpack-compose**![expo](https://github.com/expo.png?size=40)

  expo/skills2.5k

  \`@expo/ui/jetpack-compose\` package lets you use Jetpack Compose Views and modifiers in your app. /expo-ui-jetpack-compose by expo](https://skilld.dev/gh/expo/skills/expo-ui-jetpack-compose)
- [

  **/native-data-fetching**![expo](https://github.com/expo.png?size=40)

  expo/skills2.5k

  Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (\`useLoaderData\`). /native-data-fetching by expo](https://skilld.dev/gh/expo/skills/native-data-fetching)
- [

  **/naming-analyzer**![softaworks](https://github.com/softaworks.png?size=40)

  softaworks/agent-toolkit2.4k

  Suggest better variable, function, and class names based on context and conventions. /naming-analyzer by softaworks](https://skilld.dev/gh/softaworks/agent-toolkit/naming-analyzer)
- [

  **/openapi-to-typescript**![softaworks](https://github.com/softaworks.png?size=40)

  softaworks/agent-toolkit2.4k

  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. /openapi-to-typescript by softaworks](https://skilld.dev/gh/softaworks/agent-toolkit/openapi-to-typescript)
- [

  **/react-dev**![softaworks](https://github.com/softaworks.png?size=40)

  softaworks/agent-toolkit2.4k

  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). /react-dev by softaworks](https://skilld.dev/gh/softaworks/agent-toolkit/react-dev)
- [

  **/react-useeffect**![softaworks](https://github.com/softaworks.png?size=40)

  softaworks/agent-toolkit2.4k

  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. /react-useeffect by softaworks](https://skilld.dev/gh/softaworks/agent-toolkit/react-useeffect)
- [

  **/apify-actor-development**![apify](https://github.com/apify.png?size=40)

  apify/agent-skills2.4k

  Develop, debug, and deploy Apify Actors - serverless cloud programs for web scraping, automation, and data processing. Use when creating new Actors, modifying existing ones, or troubleshooting Actor code. /apify-actor-development by apify](https://skilld.dev/gh/apify/agent-skills/apify-actor-development)
- [

  **/apify-generate-output-schema**![apify](https://github.com/apify.png?size=40)

  apify/agent-skills2.4k

  Generate output schemas (dataset\_schema.json, output\_schema.json, key\_value\_store\_schema.json) for an Apify Actor by analyzing its source code. Use when creating or updating Actor output schemas. /apify-generate-output-schema by apify](https://skilld.dev/gh/apify/agent-skills/apify-generate-output-schema)
- [

  **/wpds**![wordpress](https://github.com/wordpress.png?size=40)

  wordpress/agent-skills2.1k

  Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc. /wpds by wordpress](https://skilld.dev/gh/wordpress/agent-skills/wpds)
- [

  **/chatgpt-app-builder**![alpic-ai](https://github.com/alpic-ai.png?size=40)

  Alpic · alpic-ai/skybridge2k

  Guide developers through creating and updating ChatGPT apps. Covers the full lifecycle: brainstorming ideas against UX guidelines, bootstrapping projects, implementing tools/views, debugging, running dev servers, deploying and connecting apps to ChatGPT. Use when a user wants to create or update a ChatGPT app / MCP server for ChatGPT, or use the Skybridge framework. /chatgpt-app-builder by alpic-ai](https://skilld.dev/gh/alpic-ai/skybridge)
- [

  **/figma-code-connect**![figma](https://github.com/figma.png?size=40)

  figma/mcp-server-guide2k

  Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.ts or .figma.js files. /figma-code-connect by figma](https://skilld.dev/gh/figma/mcp-server-guide/figma-code-connect)
- [

  **/deep-agents-core**![langchain-ai](https://github.com/langchain-ai.png?size=40)

  LangChain · langchain-ai/langchain-skills1.2k

  INVOKE THIS SKILL when building ANY Deep Agents application. Covers create\_deep\_agent(), harness architecture, SKILL.md format, and configuration options. /deep-agents-core by langchain-ai](https://skilld.dev/gh/langchain-ai/langchain-skills/deep-agents-core)
- [

  **/deep-agents-memory**![langchain-ai](https://github.com/langchain-ai.png?size=40)

  LangChain · langchain-ai/langchain-skills1.2k

  INVOKE THIS SKILL when your Deep Agent needs memory, persistence, or filesystem access. Covers StateBackend (ephemeral), StoreBackend (persistent), FilesystemMiddleware, and CompositeBackend for routing. /deep-agents-memory by langchain-ai](https://skilld.dev/gh/langchain-ai/langchain-skills/deep-agents-memory)
- [

  **/deepagents-typescript-quickstart**![langchain-ai](https://github.com/langchain-ai.png?size=40)

  LangChain · langchain-ai/langchain-skills1.2k

  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. /deepagents-typescript-quickstart by langchain-ai](https://skilld.dev/gh/langchain-ai/langchain-skills/deepagents-typescript-quickstart)

## Related tags

- [React 45](https://skilld.dev/skills/tag/react)
- [Python 34](https://skilld.dev/skills/tag/python)
- [Testing 27](https://skilld.dev/skills/tag/testing)
- [MCP 20](https://skilld.dev/skills/tag/mcp)
- [Vue 18](https://skilld.dev/skills/tag/vue)