GitHub
react-ui
Opinionated constraints for building better interfaces with agents.
☆ 3View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories: Testing & security
Browse skills
GitHub
mobile-toolchain
Apply modern mobile development toolchain patterns: Expo (default), React Native, Tauri for iOS/Android apps. Use when building mobile applications, choosing cross-platform frameworks, or discussing mobile arch...
☆ 3View skill
GitHub
react-state
State management with Zustand, Jotai, Context API. Use when implementing global state, stores, or state management patterns in React.
☆ 3View skill
GitHub
react-testing
Testing Library for React - render, screen, userEvent, waitFor. Use when writing tests for React components with Vitest or Jest.
☆ 3View skill
GitHub
react-shadcn
shadcn/ui components - Button, Card, Dialog, Form, Input, Table. Use when building UI with shadcn/ui in React apps.
☆ 3View skill
GitHub
nextjs-16
Expert Next.js 16 development with Turbopack default, Cache Components, use cache directive, proxy.ts, React Compiler, and React 19.2. Use when working with Next.js projects, App Router, Server Components, cach...
☆ 3View skill
GitHub
solid-react
SOLID principles for React 19. Files < 100 lines, hooks separated, interfaces in src/interfaces/, JSDoc mandatory. Use for React architecture and code quality.
☆ 3View skill
GitHub
react-tanstack-router
TanStack Router - 100% type-safe routing, file-based routes, loaders, search params. Use when implementing routing in React apps (NOT Next.js).
☆ 3View skill
GitHub
laravel-livewire
Build reactive components with Livewire 3, wire:model, actions, lifecycle hooks, Volt, and Folio. Use when creating interactive UI without JavaScript, forms, or real-time updates.
☆ 3View skill
GitHub
react-hooks
React hooks patterns - useState, useEffect, useCallback, useMemo, useRef, custom hooks. Use when implementing React hooks or creating custom hooks.
☆ 3View skill
GitHub
generating-components
Generate production-ready React components using shadcn/ui, 21st.dev, and Tailwind CSS. Use when user asks for UI components, buttons, forms, cards, hero sections, or mentions design inspiration.
☆ 3View skill
GitHub
react-19
React 19 core features - use() hook, useOptimistic, useActionState, Actions, Transitions, Server Components. Use when implementing React 19 patterns.
☆ 3View skill
GitHub
react-i18n
react-i18next modular SOLID - modules/cores/i18n/, useTranslation hook, namespaces, pluralization. Use when implementing translations in React apps (not Next.js).
☆ 3View skill
GitHub
react-performance
React performance optimization - memo, useMemo, useCallback, lazy loading, virtualization. Use when optimizing React app performance.
☆ 3View skill
GitHub
react-forms
TanStack Form with Zod validation - type-safe, headless, performant forms. Use when building forms, implementing validation, or handling form submissions in React.
☆ 3View skill
GitHub
textual
Expert guidance for building TUI (Text User Interface) applications with the Textual framework. Invoke when user asks about Textual development, TUI apps, widgets, screens, CSS styling, reactive programming, or...
☆ 3View skill
GitHub
testing
Principles and patterns for writing effective React tests with Jest and React Testing Library. Use during implementation for test structure guidance, choosing test patterns, and deciding testing strategies. Emp...
☆ 3View skill
GitHub
refactoring
Linter-driven refactoring patterns to reduce complexity and improve code quality in React/TypeScript. Use when ESLint fails with SonarJS complexity issues (cognitive, cyclomatic, expression) or when code feels...
☆ 3View skill
GitHub
component-designing
Component and type design for TypeScript + React code. Use when planning new features, designing components and custom hooks, preventing primitive obsession, or when refactoring reveals need for new abstraction...
☆ 3View skill
GitHub
marimo
This skill should be used when the user asks to "use marimo", "create a marimo notebook", "debug a marimo notebook", "inspect cells", "understand reactive execution", "fix marimo errors", "convert from jupyter...
☆ 3View skill
GitHub
grdb
Use when writing raw SQL queries with GRDB, complex joins, ValueObservation for reactive queries, DatabaseMigrator patterns, query profiling under performance pressure, or dropping down from SQLiteData for perf...
☆ 3View skill
GitHub
market-news-analyst
This skill should be used when analyzing recent market-moving news events and their impact on equity markets and commodities. Use this skill when the user requests analysis of major financial news from the past...
☆ 3View skill
GitHub
npm-library-setup
Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM). Use when setting up npm packages, configuring ESM, TypeScript packages, or React component libraries...
☆ 3View skill
GitHub
slack-realtime-events
Real-time event handling with Socket Mode and Events API. Use when building interactive Slack bots, handling message events, app mentions, reactions, button clicks, modal submissions, slash commands, or any eve...
☆ 3View 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.