Explore AI skills for development, content, data and productivity. Compare the description and repository popularity before opening a skill.
WHAT: Zustand client state management for UI interactions and state machines. WHEN: UI state, form validation, filters, user preferences, complex UI flows. KEYWORDS: zustand, store, useShallow, immer, client st...
WHAT: React web component patterns with TypeScript, semantic HTML, and composition. WHEN: building reusable components, type-safe APIs, accessible web interfaces. KEYWORDS: React.FC, TypeScript, props, semantic...
WHAT: Zest web component patterns with BoxWithNewTokens, variants, types.ts, and styles.ts structure. WHEN: adding Zest components, updating existing ones, implementing design tokens for web. KEYWORDS: Zest, Bo...
WHAT: React Navigation patterns with useNavigationHeader and type-safe route enums. WHEN: configuring screen headers, creating header buttons, navigating with parameters. KEYWORDS: navigation, useNavigationHead...
WHAT: React hooks patterns for web with useState, useEffect, and custom hooks. WHEN: managing state, side effects, data fetching, routing, window events. KEYWORDS: hooks, useState, useEffect, useMemo, useCallba...
WHAT: Zest web integration with Box, Text, Button from @/libs/zest and ZestProvider from @/libs/zest-support. WHEN: creating layouts with Box, responsive design, using theme tokens for colors and spacing. KEYWO...
WHAT: React hooks patterns for state, effects, memoization, and custom hooks. WHEN: managing state, side effects, expensive calculations, stable callbacks. KEYWORDS: hooks, useState, useEffect, useMemo, useCall...
WHAT: Feature flag management with useFeatureIsEnabled hook for gradual rollouts. WHEN: implementing A/B tests, conditional rendering, gradual feature releases. KEYWORDS: feature flag, useFeatureIsEnabled, roll...
Post-processing effects with React Three Fiber
Next.js 15 App Router patterns and best practices for React applications. Use when creating pages, components, layouts, data fetching, server actions, or routing. Triggers on Next.js, App Router, page, layout,...
WHAT: Test React Native with MockedProvider for GraphQL and isolated QueryClient for TanStack Query. WHEN: testing components with server data, GraphQL operations, mutations, loading and error states. KEYWORDS:...
TanStack Query v5 patterns and common pitfalls. Use when implementing data fetching, cache invalidation, or debugging stale data issues. Triggers on useQuery, useMutation, queryKey, invalidate, TanStack, React...
React Three Fiber core patterns for scene composition and game loop
WHAT: Create Zest design system components for React Native with StyleSheet and accessibility props. WHEN: building new Zest components from Figma, adding variants, creating reusable mobile UI. KEYWORDS: Zest,...
Game UI and HUD animation patterns for React Three Fiber games
WHAT: Type-safe state machines with discriminated unions and status property. WHEN: async operations, multi-step forms, authentication flows, loading/error states. KEYWORDS: state machine, discriminated union,...
WHAT: Zest design tokens with useZestStyles and createStylesConfig for React Native styling. WHEN: component styling, layout composition, conditional styles, platform-specific shadows. KEYWORDS: createStylesCon...
WHAT: styled-components v5.3.5 for CSS-in-JS with theme tokens and dynamic props. WHEN: custom styling beyond Zest, animations, conditional styles, integrating with Zest Box. KEYWORDS: styled-components, theme,...
Execute implementation plans with batch processing and review checkpoints. Use when given a plan document.
Execute plans using fresh subagent per task with code review between tasks. Use for high-quality iterative implementation.
MYC_GDCA project-specific helper commands, utilities, and UI standards
Automate browsers with Puppeteer CLI scripts and persistent sessions. Use for screenshots, performance analysis, network monitoring, web scraping, form automation, JavaScript debugging.
Start autonomous Ralph loop - work through PRD tasks iteratively until complete
Worker loop - execute tasks assigned by coordinator
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.