react
Provides comprehensive guidance for React development including components, JSX, props, state, hooks, context, performance optimization, and best practices.…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
Frontend & websites
10,903 results
vite-react
Vite + React template with TypeScript. Clone, setup, build, and deploy to Vercel or Netlify.
react-best-practices
Client-side React performance optimization patterns.
webapp-ui-skill
Build, refactor, audit, and validate dense web application UI. Use this skill whenever the user asks for SaaS dashboards, admin panels, CRM screens, internal…
sb-inventory
Audit a React+Vite app for real-vs-slop components (by actual imports), the dominant design system, and real prop-value usage at call sites. Use for 'what…
atomic-design-atoms
Use when creating atomic-level UI components like buttons, inputs, labels, and icons. The smallest building blocks of a design system.
vechain-react-native-dev
React Native VeWorld wallet integration — deep link communication, NaCl encryption, transaction signing, certificate signing, EIP-712 typed data, and…
ideal-react-component
React component structure and hooks antipatterns — a seven-section file layout, logic ordering, and the useEffect/useState failure modes behind infinite loops…
responsive-design
Mobile-first strategy, breakpoints, fluid layouts, content choreography, and cross-device optimization with CSS Grid, Flexbox, and modern responsive techniques.
screenshot-to-code
Recreate websites, application screens, components, dashboards, landing pages, and responsive interfaces from attached screenshots or visual references as…
nextjs-tinacms
Build Next.js 16 + React 19 + TinaCMS sites with visual editing, blocks-based page builder, and complete SEO. Use this skill whenever the user mentions…
migrate-frontend-forms
Guide for migrating forms from the legacy JsonForm/FormModel system to the new TanStack-based form system.
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,…
react-native-guidelines
React Native Guidelines codifies 16 rules across 7 sections—Performance, Layout, Animation, Images, State, Architecture, and Platform—that prevent the most…
frontend-skill
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led…
react-to-axure
Transform any React component/application into an Axure-importable prototype component, generating specification-compliant configuration declarations and runtime wrapper code. Suitable for scenarios where an existing React project is expected to be exported as an Axure interactive prototype.
react-hooks
Provides comprehensive guidance for React Hooks including useState, useEffect, useContext, useReducer, useMemo, useCallback, custom hooks, and hook patterns.…
artifacts-builder
Use when the user needs standalone HTML/CSS/JS artifacts — interactive demos, prototypes, single-file applications, or visual tools that run independently in a…
senior-frontend
Use when the user needs production-grade React/Next.js/TypeScript development with rigorous component architecture, state management, performance optimization,…
img-to-html
The English introduction is being prepared.
react-composition
React component composition patterns for building flexible, maintainable UIs. Covers compound components, context-based state, explicit variants, and React 19…
css-coder
CSS authoring guidance emphasizing web standards, accessibility, and performance. Use when writing, reviewing, or refactoring CSS. Provides patterns, snippets,…
fp-ts-react
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works…
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,…