GitHub
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
☆ 4,233View skill
Search results for “React”
Skills matching the name, description or GitHub author.
Categories
React Clear filters
Browse skills
GitHub
mobile-design
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Fl...
☆ 4,233View skill
GitHub
tanstack-router-migration
Migrate React applications from React Router to TanStack Router with file-based routing. Use when user requests: (1) Router migration, (2) TanStack Router setup, (3) File-based routing implementation, (4) React...
☆ 4,229View skill
GitHub
form-refactorer
Refactor legacy forms to use modern Redpanda UI Registry Field components with react-hook-form and Zod validation. Use when user requests: (1) Form refactoring or modernization, (2) Converting Chakra UI or @red...
☆ 4,229View skill
GitHub
positron-notebooks
This skill should be used when developing, debugging, or maintaining Positron Notebooks - the React-based feature-flagged notebook editor. Load this skill when tasks involve notebook cells, execution, selection...
☆ 3,938View skill
GitHub
eigen-testing
Write and maintain tests for Eigen, a React Native application using React Native Testing Library and Relay Test Utils. Use this skill when writing new tests, fixing failing tests, adding test coverage, updatin...
☆ 3,760View skill
GitHub
visualiser-performance
React Flow performance rules and review checklist for the @eventcatalog/visualiser package. Automatically applies when making changes to any file under packages/visualiser/. Use this skill to audit, review, or...
☆ 2,583View skill
GitHub
svelte-components
Svelte 5 component patterns for the Exceptionless SPA. Runes, reactivity, props, events, snippets, component organization, and shadcn-svelte integration. Keywords: Svelte 5, $state, $derived, $effect, $props, r...
☆ 2,449View skill
GitHub
server-components
This skill should be used when the user asks about "Server Components", "Client Components", "'use client' directive", "when to use server vs client", "RSC patterns", "component composition", "data fetching in...
☆ 2,442View skill
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, rou...
☆ 2,442View skill
GitHub
using-base-ui-with-material-ui
Always use this skill when integrating Base UI components `@base-ui-components/react` with Material UI `@mui/material`.
☆ 2,427View skill
GitHub
frontend-design-ultimate
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile...
☆ 2,396View skill
GitHub
react-native
Build performant cross-platform mobile apps with React Native components, navigation, and native modules.
☆ 2,396View skill
GitHub
react
Build fast, accessible React apps with hooks, state, and component patterns.
☆ 2,396View skill
GitHub
arbitrum-dapp-skill
Opinionated guide for building dApps on Arbitrum using Stylus (Rust) and/or Solidity. Covers local devnode setup, contract development, testing, deployment, and React frontend integration with viem. Use when st...
☆ 2,396View skill
GitHub
web-bundling
Bundle web applications into single HTML files for distribution. Use when creating self-contained HTML games, artifacts, or demos that need to be shared as a single file. Covers React+Vite+Parcel bundling patte...
☆ 2,396View skill
GitHub
webf-routing-setup
Setup hybrid routing with native screen transitions in WebF - configure navigation using WebF routing instead of SPA routing. Use when setting up navigation, implementing multi-screen apps, or when react-router...
☆ 2,290View skill
GitHub
webf-quickstart
Get started with WebF development - setup WebF Go, create a React/Vue/Svelte project with Vite, and load your first app. Use when starting a new WebF project, onboarding new developers, or setting up developmen...
☆ 2,290View skill
GitHub
pr-review
Security-first PR review checklist for this repo. Use when reviewing diffs/PRs, especially changes involving auth, networking, sensitive data, or dependency/lockfile updates. Focus on secret/PII leakage risk, s...
☆ 2,262View skill
GitHub
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Trigge...
☆ 2,262View skill
GitHub
1k-coding-patterns
Coding patterns and best practices for OneKey development. Use when writing React components, handling promises, error handling, or following code conventions. Triggers on react, component, hooks, promise, asyn...
☆ 2,262View skill
GitHub
1k-cross-platform
Cross-platform development patterns for OneKey. Use when writing platform-specific code, handling platform differences, or understanding platform extensions. Triggers on platform, native, web, desktop, extensio...
☆ 2,262View skill
GitHub
reactcomponents
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
☆ 2,188View 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...
☆ 2,154View 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.