Frontend & Design · React · For developers

React composition patterns that scale. An agent skill from supabase/supabase.

supabase/supabase

Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages.

JCodesMore/ai-website-cloner-template

Guides an agent through using @pierre/diffs to render syntax-highlighted files and diffs, and to build editing and review surfaces in React or plain JavaScript.

pierrecomputer/pierre

Helps build terminal user interfaces with OpenTUI using its core imperative API or its React and Solid reconcilers, with references for layout, keyboard, animation and testing.

cline/cline

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

sanity-io/sanity

Development conventions and architecture guide for the Claude Code CLI repository.

codeaashu/claude-code

Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings.

wevm/wagmi

Integrate Novu's in-app notification inbox into web applications.

novuhq/novu

Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools.

keybase/client

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

openops-cloud/openops

A skill your agent uses when the user mentions "pinme", or needs to upload files, store to IPFS, create/publish/deploy websites or full-stack services (including frontend pages, backend APIs…

glitternetwork/pinme

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Shows how to subscribe to Trigger.dev task runs from the backend and from React for progress indicators, live dashboards, AI response streams and approval waits.

papermark/papermark

Refactor avoidable React useEffect usage in Langfuse frontend code.

langfuse/langfuse

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Build, review, and troubleshoot RTDF React applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Bootstrap, develop, and design modern WinUI 3 desktop applications with C and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and…

LanceMcCarthy/DevOpsExamples

Enforce the no-useEffect rule when writing or reviewing React code.

mattiacerutti/supernova

Build accessible UI components with React Aria Components. An agent skill from intentui/laravel.

intentui/laravel

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering.

shapeshift/web

A skill your agent uses when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.

viclafouch/meme-studio

A skill your agent uses when creating or editing frontend React code in react-ui or ui-components packages.

openops-cloud/openops

Create Remotion videos using the Geist design system aesthetic.

Marve10s/Better-Fullstack

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Structures plan.md files for parallel, non-overlapping agent work.

GetStream/stream-chat-react

Promote a duplicated React/JSX template-local component into the shared @asyncapi/generator-components package.

asyncapi/generator

Design and implement a new feature or component from a GitHub issue.

AgnosticUI/agnosticui

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.

waynesutton/markdown-site

Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary…

reactive/data-client

Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

southliu/south-admin-react

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management.

DeckardGer/tanstack-agent-skills

Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.

ucsandman/marketing-studio

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

adobe/spectrum-design-data

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

oomol-lab/open-flow

Conventions for the opentrons-ai-client React/TypeScript frontend — project structure, API integration, state management (Jotai), feature flags, types, and testing.

Opentrons/opentrons

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

A skill your agent uses when adding a new screen, route, or user-facing feature to the Ecency mobile React Native app, covering navigator registration, route params, i18n strings and styling.

ecency/vision-mobile

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces