Search
React · Refactoring
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | React and Next.js performance optimization guidelines from Vercel Engineering. | sanity-io/ | 6.4k | 130 repos | ~1.6k | Automated safety check: Pass | MIT | today |
| 2 | 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 | yesterday |
| 3 | 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 |
| 4 | 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 | 2 days ago |
| 5 | 5.Nuqs nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. | trycompai/ | 11k | 1 repo | ~1.7k | Automated safety check: Pass | MIT | 27 days ago |
| 6 | Build new Plate plugins with Slate-first architecture, sane typing, and explicit React/Plate wrapper boundaries. | udecode/ | 17k | — | ~2.3k | Automated safety check: Pass | Unknown | today |
| 7 | React performance optimization guidelines from Mastra Engineering. | mastra-ai/ | 29k | — | ~1.9k | Automated safety check: Pass | Unknown | today |
| 8 | Refactor avoidable React useEffect usage in Langfuse frontend code. | langfuse/ | 36k | — | ~1.7k | Automated safety check: Pass | Unknown | yesterday |
| 9 | 9.Plate UI Build new shadcn-style components for Plate's registry and editor surfaces. | udecode/ | 17k | — | ~2.6k | Automated safety check: Pass | Unknown | today |
| 10 | 10.Winui App 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/ | 172 | 1 repo | ~2.8k | Automated safety check: Pass | Apache-2.0 | 7 days ago |
| 11 | Enforce the no-useEffect rule when writing or reviewing React code. | mattiacerutti/ | 187 | 2 repos | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 12 | Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. | shapeshift/ | 206 | 1 repo | ~2k | Automated safety check: Pass | MIT | yesterday |
| 13 | Build or audit Next.js 16 App Router apps using a next-beats-style React Server Components architecture. | jakubwarkusz/ | 123 | 1 repo | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 14 | Promote a duplicated React/JSX template-local component into the shared @asyncapi/generator-components package. | asyncapi/ | 1.1k | — | ~3k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 15 | Avoid direct React useEffect usage when writing or reviewing React components and hooks. | fastrepl/ | 9.5k | — | ~825 | Automated safety check: Pass | MIT | today |
| 16 | Reviews code changes for reuse, composition, codebase consistency, and slop. | kcsujeet/ | 351 | 2 repos | ~1.6k | Automated safety check: Pass | MIT | 5 days ago |
| 17 | Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL). | TidyFactor/ | 118 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 18 | Migrate React Native apps from @react-native-community/geolocation to react-native-nitro-geolocation. | jingjing2222/ | 115 | — | ~3.5k | Automated safety check: Pass | MIT | 25 days ago |
| 19 | 19.Effect TS Write idiomatic Effect v4 TypeScript verified against the pinned effect@4.0.0-rc.112 source. | tellahq/ | 392 | — | ~3.7k | Automated safety check: Pass | MIT | yesterday |
| 20 | Qovery Console coding standards, architecture guidelines, naming conventions, testing practices, and development workflows. | Qovery/ | 227 | — | ~924 | Automated safety check: Pass | MIT | yesterday |
| 21 | Skill for identifying code smells and refactoring code using Clean Code, SOLID, and DRY principles. | fike/ | 101 | — | ~402 | Automated safety check: Pass | MIT | yesterday |
| 22 | Expert code reviewer for TypeScript + React 19 applications. | SuFxGIT/ | 114 | — | ~1.7k | Automated safety check: Pass | No licence | 6 mo ago |
| 23 | A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo. | mailtrap/ | 109 | — | ~2.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 24 | A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility… | victorGPT/ | 131 | — | ~939 | Automated safety check: Pass | MIT | 2 mo ago |
| 25 | Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, and config/ subdirectories. | JNTMTMTM/ | 320 | — | ~2.2k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 26 | Architecture, naming, and testing conventions guidelines for architecting Rust codebases. | sergigp/ | 133 | — | ~6.1k | Automated safety check: Pass | MIT | yesterday |
| 27 | Chat Gun 的前端、OpenSpec、Streaming Event、Tool Renderer、型別邊界、多模態流式鏈路與 React/Vite 編程約束。Use when working on frontend code, tool rendering, streaming contracts, multimodal requests/responses, Weather… | HsienW/ | 143 | — | ~467 | Automated safety check: Pass | Unknown | 4 days ago |
| 28 | A skill your agent uses when creating page objects or refactoring Playwright E2E tests for better maintainability with Page Object Model patterns. | bartstc/ | 122 | — | ~1k | Automated safety check: Notes | MIT | 2 days ago |
| 29 | Class-based reactive state management for React (Expressive MVC). | gabeklein/ | 103 | — | ~5.9k | Automated safety check: Pass | MIT | today |
| 30 | Form implementation guidance for the aghub desktop app. An agent skill from AkaraChen/aghub. | AkaraChen/ | 272 | — | ~1.1k | Automated safety check: Pass | MIT | 3 days ago |
| 31 | Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, types/, and config/ subdirectories. | JNTMTMTM/ | 320 | — | ~3.2k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 32 | Clean up and harden code introduced by the current branch without drifting into broad refactors. | Simon-Initiative/ | 119 | — | ~3.7k | Automated safety check: Pass | MIT | yesterday |
| 33 | React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills). | ryokun6/ | 1.3k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 34 | A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting… | jiushiwon/ | 112 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 35 | 35.Frontend A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors). | streamband/ | 146 | — | ~582 | Automated safety check: Pass | Apache-2.0 | 22 days ago |
| 36 | Review React/Next.js code against the real vercel-react-best-practices skill, backlog the performance findings keyed to actual rule ids + impact tiers, rank the most over-subscribed tiers, then fix… | ragnar-pwninskjold/ | 136 | — | ~1.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 37 | Implement or refactor Formax tool transcript UI using the Tool UI Blocks (C-lite) pattern (ToolUiBlocks renderer + blocks presenters) to avoid touching many tool presenter files; use when adjusting… | yusifeng/ | 195 | — | ~1.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 38 | 38.Refactor Refactors code following Ousterhout's design principles. An agent skill from atilladeniz/Kubeli. | atilladeniz/ | 387 | — | ~7.7k | Automated safety check: Warn | MIT | 3 days ago |
| 39 | React performance optimization guidelines. An agent skill from poteto/noodle. | poteto/ | 437 | — | ~1.4k | Automated safety check: Pass | MIT | 6 mo ago |
| 40 | Combine React's official "You Might Not Need an Effect" guidance with this project's stricter no direct useEffect stance. | waynesutton/ | 628 | — | ~1.9k | Automated safety check: Pass | MIT | 4 mo ago |
| 41 | Frontend building block catalog — typed patterns for components, hooks, queries, mutations, stores, and models. | bartstc/ | 122 | — | ~2.1k | Automated safety check: Pass | MIT | 2 days ago |
| 42 | Implementation patterns for the @open-doc/core runtime — the split between the viewer and the published bundle, virtual modules, the flow pipeline, the ops layer, dev-only plugins, and the… | simonliu-ai-product/ | 108 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 43 | Find react-rx hook call sites (useObservable, useSyncObservable, useObservablePromise) whose observable identity churns or that re-render more than needed, verify the suspicion at runtime, and… | sanity-io/ | 6.4k | — | ~3k | Automated safety check: Pass | MIT | today |
| 44 | React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). | affaan-m/ | 275k | 1 repo | ~4.5k | Automated safety check: Pass | MIT | 3 days ago |
| 45 | Custom hook and composable patterns — naming, composition, stable return shapes, lifecycle cleanup, and testing strategies. | TheSoftwareHouse/ | 284 | — | ~3k | Automated safety check: Pass | MIT | 3 days ago |
| 46 | React performance optimization guidelines from Vercel Engineering. | gambitph/ | 350 | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 47 | 47.Angular A skill your agent uses when building, refactoring, or debugging Angular (v20/21+): standalone components, signals, zoneless change detection, @if/@for/@defer control flow, inject() DI… | ericrisco/ | 167 | — | ~3.4k | Automated safety check: Pass | MIT | yesterday |
| 48 | Next.js App Router architecture: React Server Components (RSC), Server Actions, nested layouts, route handlers, and streaming. | irahardianto/ | 157 | — | ~4.2k | Automated safety check: Notes | MIT | 3 days ago |