Framework
React agent skills, page 16
React skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 721 | 721.X Humanizer Remove the AI tells human readers react to in a tweet or thread: 2026 vocabulary by density, reveal bridges, staccato stacks, stacked triads, performed sincerity. | sergebulaev/ | 124 | 1 repo | ~4.2k | Automated safety check: Pass | MIT | 4 days ago |
| 722 | Generate workflow templates with coherent node graphs and integration tests | dafthunk-com/ | 136 | — | ~1.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 723 | A skill your agent uses when you want to know how a literary agent, an acquiring editor, a bookseller, and a reader from your target audience might react to your book before you submit it. | felipelobomotta-blip/ | 139 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 724 | Make Storybook stories deterministic for UI Verify so captures stop coming back "changed" without a real change (flaky diffs). | igrlk/ | 154 | — | ~1.9k | Automated safety check: Pass | MIT | 27 days ago |
| 725 | 当需要把项目(或代码片段)从 NutUI React(@nutui/nutui-react,H5)迁移到 NutUI React Taro(@nutui/nutui-react-taro,小程序 / 跨端 Taro)时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」,或将 H5 的 NutUI 组件转换到 Taro… | jdf2e/ | 1.2k | — | ~1.7k | Automated safety check: Pass | No licence | today |
| 726 | Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package… | IgniteUI/ | 170 | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 727 | 727.Fix Systematically fix issues found by /review or reported by the user | alamenai/ | 244 | — | ~775 | Automated safety check: Pass | MIT | 6 mo ago |
| 728 | 728.Compose Atoms Splits a heavy front-end domain into capability atoms that each host imports separately, sinking state into each atom instead of adding mode or readOnly flags. | lobehub/ | 83k | — | ~2.6k | Automated safety check: Pass | Unknown | today |
| 729 | Rules for adding and editing LobeHub's user-facing strings with react-i18next: flat dot-notation keys, the default locale folder, namespaces and when to run bun run i18n. | lobehub/ | 83k | — | ~885 | Automated safety check: Pass | Unknown | today |
| 730 | A map of the LobeHub open-source repository: tech stack, monorepo layout, where each code layer lives and who owns apps, packages and src. | lobehub/ | 83k | — | ~1.8k | Automated safety check: Pass | Unknown | today |
| 731 | 731.Agent D3js Skill Creating interactive data visualisations using d3.js. An agent skill from Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI. | Dokhacgiakhoa/ | 508 | — | ~753 | Automated safety check: Pass | Unknown | 4 mo ago |
| 732 | Defines React environment, component architecture, state/data flow, build verification, and frontend non-functional criteria from repository evidence. | shinpr/ | 234 | — | ~1.9k | Automated safety check: Notes | MIT | 7 days ago |
| 733 | Add a resource or page in the React Admin management backend (TR-F013). | talkincode/ | 691 | — | ~429 | Automated safety check: Pass | MIT | 2 days ago |
| 734 | 734.Glide Setup Zero-error setup guide for AI agents to install and configure @srivarsank/glide visual editor on any React, Vue, Svelte, Astro, or HTML Vite project in one prompt. | SrivarsanK/ | 120 | — | ~868 | Automated safety check: Pass | Apache-2.0 | 10 days ago |
| 735 | 735.Create Component 指导在前端项目中按团队规范创建和拆分 React 组件,包括目录结构、文件命名、样式与主题变量使用。当前端需要新增或重构组件时使用本技能。 | AntonHu/ | 109 | — | ~692 | Automated safety check: Pass | No licence | 8 mo ago |
| 736 | Covers writing backend Trigger.dev tasks with @trigger.dev/sdk: defining task() and schemaTask(), the run function and its ctx, retries, waits, queues and concurrency, idempotency keys, run… | VladSez/ | 1.1k | — | ~1k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 737 | Scaffold a working openalgo-charts chart in an existing project - detects the host (React, Next.js, Vue, vanilla bundler, or plain script tag), installs the right tiers, and writes a chart that… | marketcalls/ | 146 | — | ~1.4k | Automated safety check: Notes | Apache-2.0 | 10 days ago |
| 738 | 738.Tonic UI Types A skill your agent uses when adding JSDoc type definitions to React components in Tonic UI. | trendmicro-frontend/ | 133 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 739 | 739.Rx JS Guidance for Redux Toolkit and RxJS middleware patterns. An agent skill from valkey-io/valkey-admin. | valkey-io/ | 148 | — | ~666 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 740 | 740.Comment Pass Rewrite the comments under a path to the repo's comment rules (why-only, ≤ 3 lines, no history, no filler). | Ocean-Industries-Concept-Lab/ | 103 | — | ~297 | Automated safety check: Pass | Unknown | yesterday |
| 741 | 741.Mine History A skill your agent uses when asked to mine the commit history for lessons the agent instruction files have not captured, to audit whether domain-context and contracts reflect what actually broke, or… | ZoneMinder/ | 112 | — | ~1k | Automated safety check: Pass | Apache-2.0 | today |
| 742 | 742.Framer Motion A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications | calesthio/ | 66k | — | ~821 | Automated safety check: Pass | AGPL-3.0 | 7 days ago |
| 743 | 743.Cdp 通过 CDP 连接 ReinaManager WebView2,复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。 | huoshen80/ | 697 | — | ~178 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 744 | Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. | julianromli/ | 144 | — | ~1.2k | Automated safety check: Pass | No licence | 8 mo ago |
| 745 | 为产品、网站、App、SaaS、开源项目、课程、AI 模型或活动制作有商业质感的宣传片(4K MP4 + 网页版),流程包括调研、需求问询、风格样帧、真实页面 4K 截图、配乐卡点、AI 旁白、混音和自动校验。用户说「做宣传片」「做产品介绍视频」「做推广视频 / 预告片」「给这个项目做个视频」,或者要求 promo video、product trailer、launch video 时使用。 | liyupi/ | 121 | — | ~145 | Automated safety check: Pass | MIT | 2 days ago |
| 746 | Review frontend code, UI changes, generated implementations, and pull requests with severity-based findings and checklist-driven analysis. | ceilf6/ | 120 | — | ~491 | Automated safety check: Pass | MIT | 11 days ago |
| 747 | 747.Tanstack Router Type-safe routing for React and Solid applications with first-class search params, data loading, and seamless integration with the React ecosystem. | bskimball/ | 119 | — | ~4.4k | Automated safety check: Pass | MIT | 29 days ago |
| 748 | Review component for accessibility issues. An agent skill from AgnosticUI/agnosticui. | AgnosticUI/ | 827 | — | ~635 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 749 | Rules for building dropdowns, popovers, tooltips and menus in the desktop app with @floating-ui/dom, covering portals, positioning, dismissal and ARIA state. | leookun/ | 3.2k | — | ~496 | Automated safety check: Pass | MIT | 2 days ago |
| 750 | 750.Pixelate A skill your agent uses when converting existing React code to the pxlkit design system (@pxlkit/ui-kit), replacing the presentation layer while preserving routes, state, handlers and tests. | Joangeldelarosa/ | 117 | — | ~1.3k | Automated safety check: Notes | Unknown | 3 days ago |
| 751 | A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work. | ZeroDeng01/ | 1.7k | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 752 | 752.Using Tailwind The design language for this project and how to style UI with it — the colour, type, surface and layer tokens, when to reach for an AKUI component instead of writing classes, and when TWC… | Asvarox/ | 261 | — | ~1.8k | Automated safety check: Pass | No licence | today |
| 753 | 753.Design Self-contained design transformer — invoke directly, do not decompose. | popmechanic/ | 136 | — | ~2.5k | Automated safety check: Notes | MIT | 2 mo ago |
| 754 | Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question. | MichealWayne/ | 207 | — | ~1.2k | Automated safety check: Pass | No licence | 1 mo ago |
| 755 | Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order. | lobehub/ | 83k | — | ~1.7k | Automated safety check: Pass | Unknown | today |
| 756 | A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage. | 8starlabs/ | 141 | — | ~711 | Automated safety check: Pass | MIT | 1 mo ago |
| 757 | A skill your agent uses when detecting project technology stack from files/configs/directory structure, auto-loading framework-specific skills, or analyzing multi-stack fullstack projects (e.g… | MadAppGang/ | 285 | — | ~5.4k | Automated safety check: Pass | MIT | 7 mo ago |
| 758 | 758.Frontend A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors). | streamband/ | 147 | — | ~582 | Automated safety check: Pass | Apache-2.0 | 25 days ago |
| 759 | 759.Spec Optimizer Analyze and safely optimize OpenSpec main specifications. An agent skill from cdavid817/vanehub-ai. | cdavid817/ | 116 | — | ~347 | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 760 | 760.Agents SDK Build AI agents on Cloudflare Workers using the Agents SDK. An agent skill from hodgef/apiker. | hodgef/ | 127 | 3 repos | ~3k | Automated safety check: Pass | MIT | 1 mo ago |
| 761 | 761.SDK Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper. | one-ie/ | 131 | — | ~310 | Automated safety check: Pass | Unknown | 13 days ago |
| 762 | 用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。 | LeastBit/ | 590 | — | ~458 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 763 | USE THIS when writing or reviewing Jetpack Compose / Kotlin code in packages/cds-android or apps/android-app - @Composable APIs, Modifier parameters, CompositionLocal, state hoisting, or naming. | coinbase/ | 506 | — | ~805 | Automated safety check: Pass | Unknown | 4 days ago |
| 764 | Generate several genuinely different throwaway variations (designs, approaches, drafts) for the user to react to. | Neeeophytee/ | 344 | — | ~492 | Automated safety check: Pass | MIT | 13 days ago |
| 765 | 765.Opentui Build terminal UIs with OpenTUI. An agent skill from wilfredinni/noodle. | wilfredinni/ | 367 | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 766 | Initialize a new Convex project from scratch or add Convex to an existing app. | waynesutton/ | 627 | — | ~1.2k | Automated safety check: Notes | MIT | 4 mo ago |
| 767 | 767.Markstream React Integrate the beta markstream-react package into a React 18+ or Next app. | Simon-He95/ | 3k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 768 | Covers the near-kit TypeScript library for NEAR: reading contracts, sending tokens, transaction building, typed contracts, wallets, React hooks and sandbox testing. | internet-court/ | 6.6k | 1 repo | ~2k | Automated safety check: Pass | Unknown | 1 mo ago |