Search

Find skills by name, source, slug, or description across the full catalog.

#

Skill

Source

Installs

-impl-performance impertio-studio/-claude-skill-package/-impl-performance Use when optimizing render performance, profiling components, reducing bundle size, or implementing code splitting. P…

impertio-studio/-claude-skill-package

-syntax-refs impertio-studio/-claude-skill-package/-syntax-refs Use when accessing DOM elements, forwarding refs to child components, implementing imperative APIs, or managing mutab…

impertio-studio/-claude-skill-package

-use-client-boundary flpbalada/my-opencode-config/-use-client-boundary Guides proper usage of "use client" directive in /Next.js. Use this skill when adding client components, trouble…

flpbalada/my-opencode-config

-useeffect-avoid flpbalada/fb-skills/-useeffect-avoid Avoid unnecessary useEffect and choose better alternatives. Use when reviewing effects, derived state, prop-to-…

flpbalada/fb-skills

ome-database beita6969/scienceclaw/ome-database Query ome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways, molecular interacti…

beita6969/scienceclaw

-best-practices kaakati/sdh-claude-skills/-best-practices and Next.js performance optimization with 57 rules across 8 categories. Use when reviewing components for…

kaakati/sdh-claude-skills

-best-practices michaelshimeles/-best-practices/-best-practices Comprehensive and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing …

michaelshimeles/-best-practices

-doctor compozy/compozy/-doctor Use when finishing a feature, fixing a bug, before committing code, or when the user types `/doctor`, asks to s…

compozy/compozy

-flow-node-ts microsoft/skills/-flow-node-ts Create Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom n…

microsoft/skills

-frontend iliaal/compound-engineering-plugin/-frontend architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with component structure…

iliaal/compound-engineering-plugin

-hooks hoangnguyen0403/agent-skills-standard/-hooks Write efficient functional components and hooks. Use when writing custom hooks, optimizing useEffect, or workin…

hoangnguyen0403/agent-skills-standard

-native-notifications hoangnguyen0403/agent-skills-standard/-native-notifications Push notifications for Native using Firebase or Expo Notifications. Use when integrating push notifications wit…

hoangnguyen0403/agent-skills-standard

-nextjs kienhaminh/anti-chaotic/-nextjs and Next.js performance optimization guidelines from Vercel Engineering. Sub-skill of frontend-developer. Trigg…

kienhaminh/anti-chaotic

-pdf wpgaurav/wordpress-skills/-pdf Generate PDF documents using -PDF library (@-pdf/renderer). Use when creating PDFs, generating documents, r…

wpgaurav/wordpress-skills

-principles discountry/ritmex-skills/-principles best practices for component design, state management, and Effect discipline. Use when writing, reviewing, or r…

discountry/ritmex-skills

-router-v7-app atman-33/skills/-router-v7-app Implements Router v7 app structure, routing patterns, and component templates. Use when creating or modifying R…

atman-33/skills

-simplikit toss/-simplikit/-simplikit Selects and applies -simplikit hooks, components and utils (useDebounce, useThrottle, useToggle, useBooleanState…

toss/-simplikit

-skills yangyunfu-ht/development-note/-skills 专家技能。当用户询问、Next.js、Hooks、组件设计、性能优化或状态管理时调用。

yangyunfu-ht/development-note

-swr-hooks amunozdev/-swr-hooks/-swr-hooks Enforces hook development conventions for projects using SWR (stale-while-revalidate): file structure, fetcher …

amunozdev/-swr-hooks

-testing mrclrchtr/skills/-testing This skill should be used when the user asks to "write tests", "test a component", "set up test utils", "mock a…

mrclrchtr/skills

-typescript hoangnguyen0403/agent-skills-standard/-typescript Type components and hooks with TypeScript patterns. Use when typing props, hooks, event handlers, or comp…

hoangnguyen0403/agent-skills-standard

-core-concurrent impertio-studio/-claude-skill-package/-core-concurrent Use when implementing loading states, optimizing perceived performance, handling slow renders, or adding Suspense bou…

impertio-studio/-claude-skill-package

-core-state impertio-studio/-claude-skill-package/-core-state Use when designing state architecture, choosing between state management approaches, or solving state-related problem…

impertio-studio/-claude-skill-package

-impl-data-fetching impertio-studio/-claude-skill-package/-impl-data-fetching Use when fetching data from APIs, managing server state, implementing loading and error states, or choosing a data fe…

impertio-studio/-claude-skill-package

-impl-server-components impertio-studio/-claude-skill-package/-impl-server-components Use when building with Server Components, deciding server vs client boundaries, implementing Server Actions, or migra…

impertio-studio/-claude-skill-package

-impl-testing impertio-studio/-claude-skill-package/-impl-testing Use when writing component tests, testing hooks, setting up test infrastructure, or debugging test failures. Prevents…

impertio-studio/-claude-skill-package

-syntax-context impertio-studio/-claude-skill-package/-syntax-context Use when sharing state across components without prop drilling, implementing theme/auth/locale providers, or optimizi…

impertio-studio/-claude-skill-package

-syntax-events impertio-studio/-claude-skill-package/-syntax-events Use when handling user interactions, typing event handlers with TypeScript, working with form inputs, or implementing…

impertio-studio/-claude-skill-package

-syntax-jsx impertio-studio/-claude-skill-package/-syntax-jsx Use when writing JSX/TSX, rendering lists, implementing conditional rendering, or typing components with TypeScript g…

impertio-studio/-claude-skill-package

-syntax-components impertio-studio/-claude-skill-package/-syntax-components Use when creating components, typing props with TypeScript, forwarding refs, or implementing component composition pa…

impertio-studio/-claude-skill-package

-useeffect petekp/claude-code-setup/-useeffect useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values,…

petekp/claude-code-setup

-hooks alicoder001/agent-skills/-hooks Custom hooks patterns including useDebounce, useLocalStorage, useMediaQuery, useClickOutside, and more. Use whe…

alicoder001/agent-skills

-native-architecture davila7/claude-code-templates/-native-architecture Production-ready patterns for Native development with Expo, including navigation, state management, native modu…

davila7/claude-code-templates

-native-expert nguyenthienthanh/aura-frog/-native-expert Native gotchas and decision criteria. Covers FlatList optimization, storage hierarchy, and platform-specific pi…

nguyenthienthanh/aura-frog

-native-expo thesaifalitai/claude-setup/-native-expo Expert Native and Expo managed-workflow specialist (SDK 52+). ALWAYS trigger for Expo-managed projects: Expo Ro…

thesaifalitai/claude-setup

-query-patterns masanao-ohba/claude-manifests/-query-patterns Invoke when code-developer implements server state management with TanStack Query v5. Provides QueryClient conf…

masanao-ohba/claude-manifests

-use-callback flpbalada/fb-skills/-use-callback Decide when to use useCallback. Use when callback identity affects memoized children, dependency arrays, custom…

flpbalada/fb-skills

-use-client-boundary flpbalada/fb-skills/-use-client-boundary Place and Next.js "use client" boundaries correctly. Use when adding client components, hooks, event handlers, …

flpbalada/fb-skills

-use-state flpbalada/fb-skills/-use-state Use useState for simple local component state. Use when adding UI state, inputs, counters, selected IDs, active…

flpbalada/fb-skills

-useeffect cachemoney/agent-toolkit/-useeffect useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values,…

cachemoney/agent-toolkit

-best-practices first-fluke/fullstack-starter/-best-practices and Next.js performance optimization guidelines tuned by gracefullight, forked from Vercel Engineering. This sk…

first-fluke/fullstack-starter

-code-reviewer masanao-ohba/claude-manifests/-code-reviewer Invoke when quality-reviewer reviews 19 TypeScript code. Provides component architecture review, hook dependenc…

masanao-ohba/claude-manifests

-expert megastep/codex-skills/-expert Use when building 18+ applications requiring component architecture, hooks patterns, or state management. Invok…

megastep/codex-skills

ome-database jimmc414/kosmos/ome-database Query ome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways, molecular interacti…

jimmc414/kosmos

-component-architecture autohandai/community-skills/-component-architecture Modern component patterns with hooks, composition, and TypeScript

autohandai/community-skills

-development peterbamuhigire/chwezi-dev-engine/-development Comprehensive patterns and best practices: functional components, all hooks (useState, useEffect, useCallback, …

peterbamuhigire/chwezi-dev-engine

-linter-setup lichens-innovation/ai-dev-tools/-linter-setup Sets up ESLint for and TypeScript projects aligned with company standards. Use when installing or configuring t…

lichens-innovation/ai-dev-tools

-component vapvarun/claude-backup/-component Create components with TypeScript, following best practices for hooks, state management, accessibility, and tes…

vapvarun/claude-backup

-component-diagnosis hylarucoder/hai-stack/-component-diagnosis Produces a structured diagnosis report on one component's design: a 7-dimension scorecard (consumer API, data f…

hylarucoder/hai-stack

-email-templates vanman2024/ai-dev-marketplace/-email-templates Email component patterns for building responsive email templates using JSX, component composition, and preview …

vanman2024/ai-dev-marketplace