Framework
React agent skills, page 32
React skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1489 | 1489.Code Verification Use after every code change, after writing tests, or before marking a task complete, and when the user says verify, quality gate, or audit code. | coco-research/ | 473 | — | ~3.2k | Automated safety check: Pass | Unknown | today |
| 1490 | 1490.Schedule Design Design patterns and lessons for building conference schedule pages with React. | swyxio/ | 172 | — | ~2.3k | Automated safety check: Pass | MIT | 2 days ago |
| 1491 | 1491.Aceternity UI Aceternity UI is a collection of animated React components (3D cards, spotlight, background beams, moving borders, wavy backgrounds) built with Tailwind CSS and the motion library, installed into… | TerminalSkills/ | 162 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 1492 | 1492.Taskflow Build and run the full TaskFlow demo stack (Express backend + React frontend + mobile) | MelbourneDeveloper/ | 113 | — | ~327 | Automated safety check: Notes | No licence | 23 days ago |
| 1493 | Subagent for figma-from-code Phase 0b. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.4k | Automated safety check: Pass | MIT | 26 days ago |
| 1494 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.5k | Automated safety check: Pass | MIT | 26 days ago |
| 1495 | 1495.Native App Designer Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic. | curiositech/ | 243 | — | ~1.9k | Automated safety check: Notes | MIT | 1 mo ago |
| 1496 | 1496.Algolia Search Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning | aiskillstore/ | 430 | 3 repos | ~6.6k | Automated safety check: Pass | No licence | today |
| 1497 | 1497.Tanstack Query Manage server state in React with TanStack Query v5. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | — | ~7.8k | Automated safety check: Pass | No licence | today |
| 1498 | 1498.Csrf Protection Implements CSRF protection using synchronizer tokens, double-submit cookies, and SameSite attributes. | secondsky/ | 227 | — | ~656 | Automated safety check: Pass | MIT | 9 days ago |
| 1499 | 1499.Tailwind V4 Shadcn | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | secondsky/ | 227 | — | ~4k | Automated safety check: Pass | MIT | 9 days ago |
| 1500 | 1500.Tanstack Router TanStack Router type-safe file-based routing for React. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~1.9k | Automated safety check: Notes | MIT | 9 days ago |
| 1501 | 1501.Discord Read, send, react to, edit, pin, and thread Discord messages with HybridClaw's message tool. | HybridAIOne/ | 158 | — | ~706 | Automated safety check: Pass | MIT | yesterday |
| 1502 | 1502.Typescript Rules TypeScript/JavaScript coding rules: style, patterns, security, testing. | softspark/ | 179 | — | ~2.7k | Automated safety check: Notes | Apache-2.0 | today |
| 1503 | Present a design to a client so they can make a decision rather than react to a picture — the brief restated, the moves explained against it, the options with their trade-offs, and a specific… | mohitagw15856/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 1504 | 1504.Suno Create Create songs on Suno.com with custom lyrics and style. An agent skill from aAAaqwq/AGI-Super-Team. | aAAaqwq/ | 105 | — | ~1.4k | Automated safety check: Pass | MIT | 10 days ago |
| 1505 | 1505.Doctrine Events React to Doctrine entity lifecycle in Symfony with attribute listeners ([AsDoctrineListener]/[AsEntityListener], ORM 3) and lifecycle callbacks | dev-toolings/ | 222 | — | ~485 | Automated safety check: Notes | MIT | 2 days ago |
| 1506 | 1506.Dark Mode A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages. | egregore-labs/ | 291 | — | ~414 | Automated safety check: Pass | MIT | 6 days ago |
| 1507 | 1507.Cot Injection 思维链 (Chain-of-Thought) 注入攻击方法论。当目标系统使用 ReAct/CoT 框架进行多步推理、 Agent 依赖中间推理结果做决策、或需要测试思维链完整性时触发。 | wgpsec/ | 1.8k | — | ~640 | Automated safety check: Pass | No licence | 4 days ago |
| 1508 | Software architecture and UI/UX principles for building genuinely new solutions, not derivative work. | bencium/ | 444 | — | ~3.3k | Automated safety check: Pass | MIT | 3 days ago |
| 1509 | 1509.Threejs Performance Three.js 性能优化指南。当 Three.js/React Three Fiber 项目出现掉帧、内存增长、加载缓慢、绘制调用过多，或需要迁移 WebGPU、实现大规模粒子/实例化渲染、配置资源压缩管线时使用。触发关键词："Three.js 优化"、"WebGPU"、"draw calls"、"内存泄漏"、"TSL"、"InstancedMesh"、"R3F 优化"等。不用于：通用… | staruhub/ | 727 | — | ~904 | Automated safety check: Pass | MIT | 1 mo ago |
| 1510 | 1510.Effect TS Effect-TS library usage in TypeScript — Effect.gen generators, Schema.Struct/Schema.Class definitions, Layer/Context.Tag/Service patterns, Effect.pipe pipelines, Data.TaggedError/Data.Class error… | pproenca/ | 214 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 1511 | 1511.Anti UI Slop Stop UI slop before it ships. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.2k | — | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 1512 | A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive… | hashgraph-online/ | 1.2k | — | ~560 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1513 | 1513.Client Side JS A skill your agent uses when a val needs to ship JavaScript that runs in the browser — React apps, vanilla DOM scripts, canvas/games, htmx/Alpine, or any client-side module beyond a single inline… | hashgraph-online/ | 1.2k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1514 | 1514.React UI A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. | hashgraph-online/ | 1.2k | — | ~904 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1515 | 1515.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 305 | — | ~1.5k | Automated safety check: Notes | No licence | 21 days ago |
| 1516 | 1516.Nextjs A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache… | ericrisco/ | 156 | — | ~5.1k | Automated safety check: Pass | MIT | yesterday |
| 1517 | Add Sentry error tracking, performance monitoring, and source maps to a web application. | spencerpauly/ | 841 | — | ~504 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 1518 | Build mobile apps with React Native and Expo — navigation, platform-specific code, performance, and native modules. | spencerpauly/ | 841 | — | ~773 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 1519 | Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in… | Microck/ | 401 | — | ~4k | Automated safety check: Pass | Unknown | 1 mo ago |
| 1520 | 1520.Web Frameworks Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution)… | Microck/ | 401 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 1521 | 1521.Analytics Read when adding or changing product analytics events. An agent skill from LedgerHQ/ledger-live. | LedgerHQ/ | 621 | — | ~323 | Automated safety check: Pass | MIT | today |
| 1522 | 1522.React Native Build production React Native apps with Expo SDK 53+, Expo Router (file-based navigation), New Architecture (Fabric + TurboModules), FlashList, Reanimated 4, Zustand for state, Hermes, EAS Build… | EliasOulkadi/ | 114 | — | ~3k | Automated safety check: Pass | MIT | 2 days ago |
| 1523 | 1523.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 2 days ago |
| 1524 | 1524.Frontend Code Doctor 前端代码审查技能，支持 uniapp + Vue3 + React + TypeScript 项目。审查范围：类型安全、uniapp 特有规范、Vue3/React 最佳实践、性能问题、安全漏洞、i18n 国际化、Accessibility 无障碍。使用方式：当用户请求审查前端代码、进行 code review、检查代码质量问题时调用。 | jiushiwon/ | 110 | — | ~812 | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 1525 | 前端样式一致性治理技能：发现跨页面样式重复、同类组件尺寸不一致、硬编码裸值，给出收敛方案并可自动落地为公共CSS/公共组件/CSS变量。uniapp优先，兼容vue/react/html。 | jiushiwon/ | 110 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 1526 | 1526.Next Generate Skill 当用户要创建 Next.js 14+（React 生态的全栈框架，非 Vue 的 Nuxt）App Router + TypeScript + Zustand 全栈项目时使用。引导完成需求澄清、项目初始化、SSR/RSC 配置、请求层集成、API Routes、认证中间件、后置验证。严格对齐 frontend-request-skill 请求层规范。触发词："帮我做一个 Next.js… | jiushiwon/ | 110 | — | ~3.2k | Automated safety check: Notes | Apache-2.0 | 3 days ago |
| 1527 | 1527.Nuxt Generate Skill 当用户要创建 Nuxt 3（Vue 生态的全栈框架，非 React 的 Next.js）+ TypeScript + Pinia 全栈项目时使用。引导完成需求澄清、项目初始化、SSR/SEO 配置、请求层集成、BFF API 层、认证中间件、后置验证。严格对齐 frontend-request-skill 请求层规范。触发词："帮我做一个 Nuxt 项目"、"初始化 Nuxt3 模板"、"用… | jiushiwon/ | 110 | — | ~2.6k | Automated safety check: Notes | Apache-2.0 | 3 days ago |
| 1528 | React Native 项目一键初始化技能。面向零基础小白，提供环境探测、自动安装、完整 React Native 移动端骨架生成、一键启动/打包脚本、所需依赖包规范文档。触发词："React Native 脚手架"、"React Native 一键生成"、"初始化 React Native 项目"、"React Native 快速开始"、"reactnative init"、"搭建… | jiushiwon/ | 110 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 1529 | 1529.Static Nginx Skill 用于处理 Vue/React/Angular/Svelte 等前端构建产物或纯静态资源的部署，检测目标服务器是否安装 Nginx，生成 Nginx 安装命令与站点配置（SPA 路由 fallback、纯静态托管、API 反向代理、HTTPS）。区分开发构建与生产部署。当用户说「静态文件部署」「nginx 部署」「vue 部署」「react 部署」「前端部署到服务器」时触发。 | jiushiwon/ | 110 | — | ~1k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 1530 | 把 UI 原型图/截图高还原地复刻成可运行代码。触发词：复刻这张图、把原型图转成代码、图片转 HTML/Vue/React、Figma 转代码、Stitch 转代码、照着设计稿写页面、截图转代码、仿照这个页面。 | jiushiwon/ | 110 | — | ~1k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 1531 | 1531.Shadcn Parity Skill: shadcn-parity | udecode/ | 450 | — | ~3.7k | Automated safety check: Notes | Apache-2.0 | 6 days ago |
| 1532 | 视频生成前的统一选型入口：在 Manim / Motion Canvas / Remotion 之间做框架判断，给出理由、风险和下一步建议。遇到任何新视频任务时优先加载它。 | dracohu2025-cloud/ | 227 | — | ~610 | Automated safety check: Pass | MIT | 20 days ago |
| 1533 | 当任务触达动态 React 组件类型、列表 key、streaming UI，或 iframe/editor/media 等需要保持实例状态的界面时使用；也用于排查重渲染导致的焦点、选区、输入法或内嵌状态丢失。普通 React 修改不自动触发。 | Peiiii/ | 260 | — | ~872 | Automated safety check: Pass | MIT | yesterday |
| 1534 | 1534.Od Artifacts Builder Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). | criptogus/ | 288 | — | ~839 | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 1535 | A skill your agent uses for MCP tools with DSPy, Model Context Protocol servers, dspy.Tool.frommcptool, and ReAct agents over MCP-compatible tools. | OmidZamani/ | 124 | — | ~752 | Automated safety check: Pass | MIT | 3 mo ago |
| 1536 | 1536.Chatkit Widget A skill your agent uses when integrating OpenAI/ChatKit chat widgets into Next.js/React applications. | aiskillstore/ | 430 | — | ~4.6k | Automated safety check: Pass | No licence | today |
