Search

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

#

Skill

Source

Installs

-architectural-patterns masanao-ohba/claude-manifests/-architectural-patterns Invoke when design-architect or code-developer designs 19 component architecture. Provides component type taxon…

masanao-ohba/claude-manifests

-hook-authoring b4r7x/agent-skills/-hook-authoring Use when writing, reviewing, or designing custom hooks for component libraries. Covers memoization decisions, c…

b4r7x/agent-skills

-hook-authoring-fix b4r7x/agent-skills/-hook-authoring-fix Audits custom hooks for overengineering, memoization issues, consumer DX problems, and known antipatterns, then…

b4r7x/agent-skills

-use-callback flpbalada/my-opencode-config/-use-callback Guides proper usage of the useCallback hook in . Use this skill when optimizing function references, passing cal…

flpbalada/my-opencode-config

-use-state flpbalada/my-opencode-config/-use-state Guides proper usage of useState hook. Use this skill when adding state to components, deciding between useState…

flpbalada/my-opencode-config

:components j-star-films-studios/vibecode-protocol-suite/:components Converts Stitch designs into modular Vite and components using system-level networking and AST-based validation.

j-star-films-studios/vibecode-protocol-suite

-aria-patterns yonatangross/orchestkit/-aria-patterns Aria (Adobe) accessible component patterns for building WCAG-compliant interactive UI with hooks. Use when impl…

yonatangross/orchestkit

-component-performance davila7/claude-code-templates/-component-performance Diagnose slow components and suggest targeted performance fixes.

davila7/claude-code-templates

-native-setup anton-abyzov/specweave/-native-setup Native 0.83+ and Expo SDK 54+ environment setup. Xcode, Android Studio, CocoaPods, EAS Build troubleshooting.

anton-abyzov/specweave

-principle-engineer pproenca/dot-skills/-principle-engineer development principles from official documentation. Teaches component purity, state management, effects, refs, …

pproenca/dot-skills

ome-database k-dense-ai/scientific-agent-skills/ome-database Query ome REST API for pathway analysis, enrichment, gene-pathway mapping, disease pathways, molecular interacti…

k-dense-ai/scientific-agent-skills

-best-practices-reviewer site/smithery.ai/-best-practices-reviewer の?

-compound-components site/smithery.ai/-compound-components Compound component patterns for TMNL. Covers context-based composition, slot patterns, and Object.assign exports. Use…

-hook-composition site/smithery.ai/-hook-composition Custom hook patterns for TMNL. Covers hook composition, useDebugValue, atom subscriptions, and registry patterns. Use…

-hook-generator site/smithery.ai/-hook-generator Scaffold custom hooks and state patterns.

-mobile-app-dev site/smithery.ai/-mobile-app-dev 专门用于移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适?

-native-animations site/smithery.ai/-native-animations Master animations - Reanimated 3, Gesture Handler, layout animations, and performance optimization

-native-deployment site/smithery.ai/-native-deployment Master deployment - EAS Build, Fastlane, App Store, Play Store, and OTA updates

-pattern site/smithery.ai/-pattern Reasoning and Acting patterns for agentic LLM workflows

-rules site/smithery.ai/-rules This is a new rule

-best-practices kriscard/skills/-best-practices Audits and Next.js components for performance issues, unnecessary re-renders, bundle size problems, and waterfa…

kriscard/skills

-impl-routing impertio-studio/-claude-skill-package/-impl-routing Use when implementing client-side routing, setting up route configuration, handling navigation, or building protected…

impertio-studio/-claude-skill-package

-key-prop flpbalada/my-opencode-config/-key-prop Guides proper usage of the key prop in lists. Use this skill when rendering lists, mapping arrays to components…

flpbalada/my-opencode-config

-resizable-panels-v3-to-v4 wenerme/ai/-resizable-panels-v3-to-v4 Use when upgrading -resizable-panels from v3 to v4, fixing v4 type/runtime errors (PanelGroup not exported, dire…

-expert alexander-danilenko/cortex-ai-skills/-expert Use when building 18+ applications requiring component architecture, hooks patterns, or state management. Invok…

alexander-danilenko/cortex-ai-skills

-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