Skills with input: React components

• react-best-practices - Next.js & React Performance Expert

  reactnextjsperformanceoptimization

  ★ 0 · Updated 2026-09-22

  Provides Next.js and React performance optimization guidelines from Vercel Engineering.

  ⚙ Eliminate data fetching waterfalls⚙ Optimize bundle size⚙ Optimize server side performance
• Error Boundaries React - Catch JavaScript errors and display fallback UI in React.

  reacterror-handlingbackendapi

  ★ 2 · Updated 2026-09-18

  React components that catch JavaScript errors in their component tree, log those errors, and display a fallback UI instead of crashing.

  ⚙ Catch JavaScript errors⚙ Log component errors⚙ Display fallback UI
• framer-motion-expert - Framer Motion 12+ reference guide for React animations.

  framer-motionreactanimationgestures

  ★ 0 · Updated 2026-09-17

  Provides syntax reference, performance rules, and code patterns for Framer Motion 12+ animations, layout transitions, gestures, and hooks in React.

  ⚙ Build declarative React animations⚙ Implement layout transitions⚙ Configure hover and drag gestures
• motion-animation-patterns - Motion Animation Patterns for React

  motionframer-motionanimationreact

  ★ 602 · Updated 2026-06-30

  Implement Framer Motion animations with preset patterns in React applications

  ⚙ add page transitions⚙ implement modal animations⚙ create staggered list animations
• types - Build Type-Safe Apps with TypeScript 5.9+

  typescripttype-safetyreactvite

  ★ 17 · Updated 2026-06-15

  Provides TypeScript development guidance including type system fundamentals, patterns, and modern toolchain configuration

  ⚙ build applications⚙ migrate codebases⚙ configure toolchains
• use-dom - Expo DOM Components for Web Code

  React NativeCross-platformWebViewWeb

  ★ 0 · Updated 2026-06-15

  Run web code verbatim in webview on native and as-is on web

  ⚙ run web code⚙ render web components⚙ migrate web code
• design-system-patterns - Scalable design system architecture patterns

  design-systemdesign-tokensthemingaccessibility

  ★ 14 · Updated 2026-06-15

  Foundation for design tokens, theming infrastructure, token pipelines, and governance

  ⚙ Define token hierarchy⚙ Implement theme switching⚙ Build token pipeline
• animation-motion - Create animations with Framer Motion and CSS

  animationmotionUImicro-interactions

  ★ 1 · Updated 2026-05-11

  Create smooth animations and micro-interactions using Framer Motion and CSS

  ⚙ create enter/exit animations⚙ implement gesture animations⚙ add scroll animations
• animation-motion - Create Smooth Animations with Framer Motion

  animationFramer MotionCSSUI transitions

  ★ 18 · Updated 2026-05-11

  Create smooth animations and micro-interactions using Framer Motion and CSS for UIs

  ⚙ create enter/exit animations⚙ add gesture interactions⚙ implement scroll animations
• animation-motion - Framer Motion Animations

  animationFramer MotionCSSmicro-interactions

  ★ 602 · Updated 2026-05-11

  Create smooth animations and micro-interactions with Framer Motion and CSS

  ⚙ create fade animations⚙ create slide animations⚙ create exit animations
• building-ui - Build Expo Router apps with UI components

  Expo RouterReact NativeUI ComponentsMobile Development

  ★ 602 · Updated 2026-03-25

  Guide for building apps with Expo Router including navigation, styling, and components

  ⚙ create routes⚙ style components⚙ handle navigation
• react-patterns - React 19 Performance & Composition Patterns

  ReactNext.jsperformancecomposition

  ★ 0 · Updated 2026-03-24

  Apply Vercel's 62 performance rules and composition patterns to optimize React 19 and Next.js code

  ⚙ apply composition patterns⚙ enforce compound components⚙ eliminate boolean props
• react-best-practices - React Performance Optimization Guide

  ReactNext.jsperformanceoptimization

  ★ 1 · Updated 2026-03-21

  Provides 57 optimization rules across 8 categories for React and Next.js applications

  ⚙ review React components⚙ optimize bundle size⚙ eliminate data fetching waterfalls
• vercel-react-best-practices - React and Next.js Performance Optimization Guidelines

  ReactNext.jsperformanceoptimization

  ★ 3 · Updated 2026-03-20

  Provides React and Next.js performance optimization guidelines from Vercel Engineering

  ⚙ write React components⚙ create Next.js pages⚙ implement data fetching
• vercel-react-best-practices - Vercel React Best Practices Guide

  ReactNext.jsperformance optimizationcode refactoring

  ★ 0 · Updated 2026-03-20

  Performance optimization guidelines for React and Next.js applications

  ⚙ write React components⚙ create Next.js pages⚙ implement data fetching
• manage-client-state - Type-safe Client State Management for Global/URL States

  state managementclient-sideReactNext.js

  ★ 18 · Updated 2026-03-09

  Manages client-side state globally and via URL parameters with type safety

  ⚙ use SWRImmutable for global state⚙ use nuqs for URL state⚙ manage UI state globally
• 1k-coding-patterns - OneKey Coding Patterns and Best Practices Guide

  codingpatternsbest-practicesreact

  ★ 1 · Updated 2026-03-09

  Enforces coding patterns and best practices for OneKey development workflows

  ⚙ read files⚙ search files⚙ match patterns
• 1k-coding-patterns - OneKey Coding Patterns and Best Practices Guide

  codingbest-practicesreacttypescript

  ★ 18 · Updated 2026-03-09

  Provides coding patterns and best practices for OneKey development across React components, promise handling, error handling, and code conventions.

  ⚙ read code files⚙ grep through codebase⚙ glob search files
• 1k-coding-patterns - OneKey coding patterns and best practices

  codingpatternsbest-practicesreact

  ★ 602 · Updated 2026-03-09

  Provides coding patterns and best practices for OneKey development

  ⚙ Read code⚙ Grep files⚙ Glob patterns
• artifacts-builder - Build Complex Multi-Component HTML Artifacts with Modern Frontend Tech

  frontendreacthtmlartifacts

  ★ 24 · Updated 2026-02-23

  A toolkit for creating complex multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui

  ⚙ initialize frontend repository⚙ develop artifact code⚙ bundle to single HTML

Scroll to load more