Search
React
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file. | anthropics/ | 180k | 40 repos | ~769 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 2 | Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it. | makeplane/ | 60k | 12 repos | ~657 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 3 | Rules for structuring React components with composition instead of boolean props, covering compound components, lifted state, variants and React 19 changes. | vercel-labs/ | 1.7k | 58 repos | ~721 | Automated safety check: Pass | MIT | 7 mo ago |
| 4 | Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs. | remix-run/ | 57k | 1 repo | ~1.5k | Automated safety check: Pass | MIT | today |
| 5 | Tells the agent where new code belongs in an Electron multi-process project and which APIs each process may use, with rules for new bridges, services, agents and workers. | iOfficeAI/ | 33k | 1 repo | ~1.8k | Automated safety check: Pass | Apache-2.0 | 28 days ago |
| 6 | Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen. | google-labs-code/ | 8.4k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 7 | Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists. | ChrisWiles/ | 6.1k | 7 repos | ~1.6k | Automated safety check: Pass | No licence | 9 mo ago |
| 8 | Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries. | greensock/ | 16k | 4 repos | ~3.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 9 | Answer questions about the AI SDK and help build AI-powered features. | vercel-labs/ | 168 | 21 repos | ~1.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 10 | Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files. | lobehub/ | 83k | — | ~1.6k | Automated safety check: Pass | Unknown | today |
| 11 | Builds responsive, accessible Chakra UI v3 components and layouts, sets up Chakra in new or existing projects, and designs themes with tokens, semantic tokens and recipes. | chakra-ui/ | 41k | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 12 | Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io. | lyonjs/ | 147 | 32 repos | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 13 | Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). | Dimillian/ | 4k | 5 repos | ~1.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 14 | Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. | sanity-io/ | 6.4k | 67 repos | ~1.2k | Automated safety check: Pass | MIT | today |
| 15 | Guides implementing animated page and state transitions in React with the native View Transition API, covering shared elements, list reorders and directional navigation. | vercel-labs/ | 167 | 10 repos | ~3.1k | Automated safety check: Pass | MIT | 8 days ago |
| 16 | Rebuilds existing web pages as editable local code that matches their content, assets, responsive layout and interactions, including Framer sites and animated pages. | JCodesMore/ | 36k | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 17 | 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/ | 6.2k | 2 repos | ~803 | Automated safety check: Pass | Apache-2.0 | today |
| 18 | 18.Nx Generate Generate code using nx generators. An agent skill from nomcopter/react-mosaic. | nomcopter/ | 4.8k | 6 repos | ~1.9k | Automated safety check: Pass | Unknown | 9 days ago |
| 19 | 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/ | 70k | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
| 20 | Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. | vmDeshpande/ | 178 | 10 repos | ~610 | Automated safety check: Pass | Apache-2.0 | 25 days ago |
| 21 | React and Next.js performance optimization guidelines from Vercel Engineering. | sanity-io/ | 6.4k | 130 repos | ~1.6k | Automated safety check: Pass | MIT | today |
| 22 | UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons. | saoudi-h/ | 182 | 18 repos | ~11k | Automated safety check: Notes | Unknown | yesterday |
| 23 | React useEffect best practices from official docs. An agent skill from udecode/plate. | udecode/ | 17k | 6 repos | ~573 | Automated safety check: Pass | Unknown | today |
| 24 | Find 10x product opportunities and high-leverage improvements. | openstatusHQ/ | 2.3k | 3 repos | ~2.1k | Automated safety check: Pass | MIT | 5 days ago |
| 25 | Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount. | greensock/ | 16k | 4 repos | ~1.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 26 | Development conventions and architecture guide for the Claude Code CLI repository. | codeaashu/ | 3.4k | 1 repo | ~2.7k | Automated safety check: Pass | Proprietary | 1 mo ago |
| 27 | Guides an upgrade from Chakra UI v2 to v3: inspect the project, swap packages, run the official codemod, then fix provider, color mode, props, theming and Next.js code. | chakra-ui/ | 41k | — | ~3.4k | Automated safety check: Pass | MIT | today |
| 28 | 28.Web Clone 网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树,覆盖静态站 /… | Jane-xiaoer/ | 1k | 1 repo | ~2.7k | Automated safety check: Pass | MIT | 3 mo ago |
| 29 | Review npm dependency upgrade diffs. An agent skill from react-cosmos/react-cosmos. | react-cosmos/ | 8.7k | — | ~1.1k | Automated safety check: Pass | MIT | 14 days ago |
| 30 | Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy. | creativetimofficial/ | 12k | — | ~2.1k | Automated safety check: Notes | MIT | 6 mo ago |
| 31 | Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern. | novuhq/ | 40k | — | ~1.9k | Automated safety check: Pass | MIT | today |
| 32 | Generate comprehensive release notes for Bit from git commits and pull requests. | teambit/ | 18k | — | ~2.2k | Automated safety check: Pass | Unknown | today |
| 33 | Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports. | siteboon/ | 14k | — | ~2.6k | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 34 | 34.J Space Operate a selective workspace for complex reasoning, long tasks, repository engineering, coordinated agents, and authorized security analysis. | Tiger3807861189/ | 3k | — | ~3k | Automated safety check: Pass | Apache-2.0 | 23 days ago |
| 35 | Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries… | langgenius/ | 158k | — | ~626 | Automated safety check: Pass | Unknown | today |
| 36 | 36.Hot Monitor AI hotspot monitoring and trending topic discovery across multiple sources (Bing, Google, DuckDuckGo, HackerNews, Sogou, Bilibili, Weibo, Twitter). | liyupi/ | 717 | 1 repo | ~1.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 37 | 37.Run Parity Compare React Doctor diagnostics for a GitHub pull request (PR) with Vercel Sandbox. | millionco/ | 15k | — | ~4.1k | Automated safety check: Pass | Unknown | today |
| 38 | Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to required nullable values and updating call… | remotion-dev/ | 62k | — | ~1k | Automated safety check: Pass | Unknown | today |
| 39 | Guides installing, configuring, styling and using taro-ui (At* components) in Taro apps for WeChat, Alipay, H5 and React Native. | jd-opensource/ | 4.7k | — | ~1.3k | Automated safety check: Pass | MIT | 12 days ago |
| 40 | 40.Boneyard Use boneyard-js to add, configure, debug, or rebuild skeleton screens. | 0xGF/ | 7.5k | — | ~2.2k | Automated safety check: Notes | MIT | 1 mo ago |
| 41 | Reviews and converts UI code to Chakra UI v3, producing a critique, rewritten code or both, from plain HTML, Tailwind, CSS Modules or styled-components. | chakra-ui/ | 41k | — | ~2.8k | Automated safety check: Pass | MIT | today |
| 42 | Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance. | diet103/ | 10k | 2 repos | ~2.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 43 | Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows. | ChrisWiles/ | 6.1k | 3 repos | ~2.1k | Automated safety check: Pass | No licence | 9 mo ago |
| 44 | Walks through adding a Wagmi feature across its layers: a Viem-based core action, TanStack Query options, and React and Vue bindings. | wevm/ | 6.8k | — | ~3.8k | Automated safety check: Pass | MIT | 6 days ago |
| 45 | 45.D3 Viz Creating interactive data visualisations using d3.js. An agent skill from calesthio/OpenMontage. | calesthio/ | 65k | 3 repos | ~5.4k | Automated safety check: Pass | AGPL-3.0 | 4 days ago |
| 46 | 46.Pnpm Engine Work on the pnpm Rust engine (@pnpm/napi, the pacquet crates) that bit install runs through. | teambit/ | 18k | — | ~1.9k | Automated safety check: Pass | Unknown | today |
| 47 | Create production-ready GitHub Actions workflows for automated testing, building, and deploying applications. | bartstc/ | 122 | 13 repos | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 48 | Analyzes V8, Chrome and Electron .heapsnapshot files with Node scripts to find memory leaks, detached DOM nodes and the retainer paths that keep objects alive. | keybase/ | 9.3k | — | ~875 | Automated safety check: Pass | BSD-3-Clause | today |