atomic-design-mobile
Atomic Design component organization pattern for React Native mobile applications. Use when creating new components with proper accessibility and touch targets.
按技能名称、说明或 GitHub 作者匹配的结果。
Atomic Design component organization pattern for React Native mobile applications. Use when creating new components with proper accessibility and touch targets.
React component testing with Vitest and Testing Library. Use when writing unit tests for components.
Atomic Design component organization pattern for React applications. Use when creating new components or organizing component structures.
Maestro E2E testing patterns for React Native. Use when implementing end-to-end tests.
Jest and React Native Testing Library patterns. Use when writing component tests.
React Hook Form and Zod for React Native forms. Use when implementing forms.
React Hooks patterns including custom hooks and dependency management. Use when implementing component logic.
Vite 6.x configuration for React SPAs. Use when setting up or configuring Vite projects.
Zustand state management for React Native. Use when implementing client-side state.
React Native accessibility patterns for iOS and Android. Use when implementing a11y features.
TanStack Query for React Native data fetching. Use when implementing server state.
React performance optimization including memoization, code splitting, and lazy loading. Use when optimizing React applications.
React Native Reanimated animation patterns. Use when implementing animations.
React Native performance optimization techniques. Use when optimizing app performance.
React 19 features including Server Components, Actions, and use() hook. Use when building modern React applications.
NativeWind (Tailwind CSS for React Native) styling patterns. Use when styling mobile components.
UI component patterns for React 19, shadcn/ui, and Tailwind. Use when working on files in src/components/.
Integrate and embed OpenAI ChatKit UI into TypeScript/JavaScript frontends (Next.js, React, or vanilla) using either hosted workflows or a custom backend (e.g. Python with the Agents SDK). Use this Skill whenev...
Comprehensive Tailwind CSS utility framework patterns including responsive design, dark mode, custom themes, and layout systems. Use when styling React/Next.js applications with utility-first CSS.
Comprehensive shadcn/ui component library with theming, customization patterns, and accessibility. Use when building modern React UIs with Tailwind CSS. IMPORTANT - Always use MCP server tools first when availa...
React testing with Vitest, React Testing Library, and MSW. Focuses on user-centric testing, component isolation, and API mocking. Use when writing tests for React components, hooks, or debugging test failures i...
Guide for writing React code without unnecessary useEffect. Use when writing or editing React components. Avoid anti-patterns like derived state, chained state updates, and event handlers in effects.
React 19.x development patterns and APIs. Use when building React applications with React 19+ features including Actions (useTransition with async), useActionState, useFormStatus, useOptimistic, use() API, Form...
專責處理 RIF (Required Behavior Frame) 類型的需求。讀取規格目錄結構,生成/審查 Event Handler 設計與實作。支援冪等性、重試、死信佇列。
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。