GitHub
react-native
React Native and Expo development patterns and best practices
☆ 6View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: Documentation
Browse skills
GitHub
test-frontend
Run and verify frontend tests for the React/Vite application.
☆ 5View skill
GitHub
react-component-development
Guide for creating React components using HeroUI in the DEVS platform. Use this when asked to create new UI components, pages, or modify existing React code.
☆ 5View skill
GitHub
web-artifacts-builder
Suite of tools for creating elaborate, multi-component chat-embedded HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management,...
☆ 5View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
☆ 5View skill
GitHub
zod-form-validation
Zod schema validation and React Hook Form integration for TypeScript frontends. This skill should be used when creating forms, defining API schemas, validating form data, implementing type-safe validation, usin...
☆ 5View skill
GitHub
ui-builder
Expert guide for building beautiful, responsive UI with React, Tailwind CSS, Shadcn/ui, and modern design patterns. Use when creating components, layouts, animations, or styling.
☆ 5View skill
GitHub
state-management
Expert guide for React state management with Zustand, Context, and modern patterns. Use when managing global state, forms, complex UI state, or optimizing re-renders.
☆ 5View skill
GitHub
typescript
TypeScript development best practices including type system, generics, utility types, configuration, and patterns for React, Node.js, and full-stack applications. Use when writing TypeScript code, converting Ja...
☆ 5View skill
GitHub
react-component
Create React components with TypeScript, following best practices for hooks, state management, accessibility, and testing. Use when building new UI components or refactoring existing ones.
☆ 5View skill
GitHub
testing
Write tests for JavaScript, React, PHP, and WordPress including unit tests, integration tests, and E2E tests. Use when writing tests, setting up testing frameworks, or debugging test failures.
☆ 5View skill
GitHub
javascript-typescript
JavaScript and TypeScript development with ES6+, Node.js, React, and
☆ 5View skill
GitHub
crn-topology
Chemical Reaction Network topology for generating and analyzing reaction
☆ 5View skill
GitHub
new-component
React コンポーネントとStorybookストーリーを生成。新しいコンポーネントを作成する際に使用。TailwindCSSカスタムトークン、ArteOdyssey UIライブラリを活用。
☆ 5View skill
GitHub
fullstory-stable-selectors
Framework-agnostic guide for implementing stable, semantic selectors in any web application. Solves the dynamic class name problem caused by CSS-in-JS, CSS Modules, and build tools. Includes patterns for React,...
☆ 5View skill
GitHub
fullstory-observe-callbacks
Comprehensive guide for implementing Fullstory's Observer/Callback API (observe method) for web applications. Teaches proper event subscription, callback handling, observer cleanup, and reacting to Fullstory li...
☆ 5View skill
GitHub
mobile-rn-orchestrator
A high-level decision engine and implementation roadmap for sequencing Fullstory React Native skills. Ensures that data capture follows a logical sequence (Compliance -> Identity -> Navigation -> Interaction ->...
☆ 5View skill
GitHub
tsf-docs
Local TanStack Form documentation reference. Use when asked about TanStack Form features, form validation, form state management, field arrays, React/Vue/Solid/Angular/Svelte form integration, or form submissio...
☆ 5View skill
GitHub
component-composition-patterns
コンポーネント合成パターンを用いた再利用可能なUI構造設計を支援するスキル。 Compound Components、Polymorphic Components、Slot Pattern の選定と設計手順を整理する。 Anchors: • Don't Make Me Think / 適用: UI設計・...
☆ 5View skill
GitHub
form-validation
フォームバリデーション設計と実装を支援するスキル。Zod/react-hook-formを用いたクライアント・サーバー両面の検証、エラーメッセージ設計、テスト実装を提供。 Anchors: • Designing Data-Intensive Applications（M. Klep...
☆ 5View skill
GitHub
state-lifting
Reactにおける状態リフティングと状態配置判断を支援するスキル。 兄弟コンポーネント間の状態共有、Prop Drilling削減、Context導入判断、 Compound Componentパターンまで、React状態管理の全体像を扱う。 Anchors: • React...
☆ 5View skill
GitHub
data-fetching-strategies
Reactアプリのデータフェッチ、キャッシュ、エラーハンドリング、楽観的更新を整理するスキル。 ライブラリ選定から設計・実装・検証までの実務フローを提供する。 Anchors: • Stale-While-Revalidate Pattern / 適用: キャッ...
☆ 5View skill
GitHub
headless-ui-principles
ヘッドレスUIアーキテクチャとスタイル非依存コンポーネント設計の専門知識。Radix UI、Headless UI、React Aria等を活用し、アクセシビリティを確保しながら完全なスタイル制御を実現。 Anchors: • Don't Make Me Think (Ste...
☆ 5View skill
GitHub
state-management
フロントエンドの状態管理戦略、ライブラリ選定、非同期状態設計、正規化と最適化を支援するスキル。 状態のスコープ整理から実装・検証までを一貫して支援する。 Anchors: • Learning React / 適用: Hooks基礎 / 目的: 状態...
☆ 5View skill
Popular categories
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.