React · For frontend developers

Build React applications using React Router's declarative mode with BrowserRouter.

halo-dev/upage

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

Draculabo/AntigravityManager

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

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

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。

graphif/project-graph

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search…

pierrecomputer/pierre

Sync an Ant Design React component or feature into NG-ZORRO.

NG-ZORRO/ng-zorro-antd

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

udecode/plate

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

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

any-tdf/any-tdf

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support.

vmDeshpande/ai-agent-automation

Implement internationalization with Lingui in React and JavaScript applications.

B0und/WikiSpeedrun

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。

graphif/project-graph

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

intentui/laravel

Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.

spokvulcan/poker-planning

Looks up Microsoft Fluent UI System Icons and their exact @fluentui/react-icons component names through the Fluent Icons MCP server or HTTP API, instead of guessing.

coltongriffith/fluenticons

Ports a UI component from the gaia mono repo (theexperiencecompany/gaia) into the gaia-ui registry.

theexperiencecompany/gaia-ui

NutUI 比例缩放本地验证——写回 src/packages 下同路径组件 SCSS（跳过 src/packages//demo.scss 与 demos）；--mirror 写 scale-verify/；不写 build。

jdf2e/nutui-react

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

openops-cloud/openops

A skill your agent uses whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from…

21st-dev/agent-elements

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and…

leepokai/Codync

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

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.

Simon-He95/markstream-vue

Takes an app from hardcoded strings to a localized, continuously translated one with i18next (Locize optional): stack detection, config, wrapping strings in t(), key extraction, Locize sync, and AI…

i18next/i18next-cli

Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture.

leookun/cursor-byok

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan

Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order.

baptisteArno/typebot.io

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog

ChaiBuilder Core extension patterns for Next.js. An agent skill from chaibuilder/core.

chaibuilder/core

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Look up authoritative Instructure UI (InstUI, @instructure/ui-) documentation — component APIs, props, theme variables, usage examples, and guides — by querying instructure.design's plaintext docs.

instructure/instructure-ui

NutUI React proportional scaling on branch featresize: runtime --nut-scale-f / --nut-scale-font / --nut-scale-icon from scale-f.ts (H5) and scale-f.taro.ts (Taro), Sass helpers scale-px /…

jdf2e/nutui-react

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler

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

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide