Topic · Frontend & Design
Best react components skills, page 10
React components skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 433 | Structure Next.js projects with Feature-Sliced Design layers, domain-grouped slices, and strict import hierarchy. | HoangNguyen0403/ | 570 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 434 | 434.React Hooks Write React hooks with clean effect boundaries and measured memoization. | HoangNguyen0403/ | 570 | — | ~634 | Automated safety check: Pass | MIT | yesterday |
| 435 | 435.React Typescript Type React components and hooks with TypeScript patterns. An agent skill from HoangNguyen0403/agent-skills-standard. | HoangNguyen0403/ | 570 | — | ~528 | Automated safety check: Pass | MIT | yesterday |
| 436 | 436.React Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the… | magnus919/ | 111 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 437 | Build component behavior and presentation. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~401 | Automated safety check: Pass | MIT | 27 days ago |
| 438 | 438.Mdx Sanitizer Sanitize MDX content for Docusaurus builds. An agent skill from curiositech/some_claude_skills. | curiositech/ | 243 | — | ~1.2k | Automated safety check: Notes | MIT | 1 mo ago |
| 439 | 439.Reactflow Expert Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live state updates via WebSocket. | curiositech/ | 243 | — | ~2.1k | Automated safety check: Notes | MIT | 1 mo ago |
| 440 | 生成符合项目规范的 React 组件。当用户要求创建组件、新建 React 组件或生成组件文件时使用. An agent skill from einverne/dotfiles. | einverne/ | 121 | — | ~334 | Automated safety check: Pass | GPL-3.0 | 28 days ago |
| 441 | Implement Split-Panel Combat UI (Pattern A) for SHINOBI WAY game. | aiskillstore/ | 430 | — | ~1.9k | Automated safety check: Pass | No licence | today |
| 442 | Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. | aiskillstore/ | 430 | — | ~1.4k | Automated safety check: Pass | No licence | today |
| 443 | A skill your agent uses when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), implementing nested layouts/templates (layout.tsx)… | aiskillstore/ | 430 | — | ~2.5k | Automated safety check: Pass | No licence | today |
| 444 | 444.Solana Dev A skill your agent uses when user asks to "build a Solana dapp", "write an Anchor program", "create a token", "debug Solana errors", "set up wallet connection", "test my Solana program", "deploy to… | aiskillstore/ | 430 | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 445 | 445.Bun Test Basics A skill your agent uses for bun:test syntax, assertions, describe/it, test.skip/only/each, and basic patterns. | secondsky/ | 227 | — | ~1.1k | Automated safety check: Pass | MIT | 9 days ago |
| 446 | 446.Jest Generator Generate Jest unit tests for JavaScript/TypeScript with mocking, coverage. | secondsky/ | 227 | — | ~1.1k | Automated safety check: Notes | MIT | 9 days ago |
| 447 | Reference components for generating Kubernetes operator CRD dashboards | openshift-eng/ | 120 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 448 | Use on every UI change - Atomic Design levels, reuse-before-build, correct placement, and import direction through the shared component library. | makifbaysal/ | 109 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 449 | Expert UI/UX and React performance auditor (PinakBot persona). | sundial-org/ | 663 | — | ~651 | Automated safety check: Pass | No licence | 7 mo ago |
| 450 | 450.Best Practices Apply modern web development best practices for security, compatibility, code quality, and coding standards. | LeoYeAI/ | 2.2k | — | ~4.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 451 | A skill your agent uses when writing, debugging, or reviewing ast-grep patterns, YAML rules, or codemods against TypeScript or React (.ts/.tsx) code — searching for JSX elements, props, hooks… | pproenca/ | 214 | — | ~1.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 452 | Scaffolds Expo (React Native) iOS screens that follow Apple Human Interface Guidelines by construction — list, detail, form, modal sheet, native tabs layout, and settings screens, each wired with… | pproenca/ | 214 | — | ~1.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 453 | 453.Feature Arch React feature-based architecture guidelines for scalable applications. | pproenca/ | 214 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 454 | 454.React React 19/19.2 modern patterns for concurrent rendering, Server Components, actions, ref-as-prop, document metadata, resource hints, hooks, and memoization — plus a category-major review/refactor… | pproenca/ | 214 | — | ~4.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 455 | React data-fetching patterns at scale — recommender carousels, infinite feeds, pages with many parallel fetches, dashboards. | pproenca/ | 214 | — | ~3k | Automated safety check: Pass | MIT | 1 mo ago |
| 456 | 456.React Hook Form React Hook Form performance optimization for client-side form validation using useForm, useWatch, useController, useFieldArray, the subscribe() API, and the Watch / FormStateSubscribe / FieldArray… | pproenca/ | 214 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 457 | 457.Shadcn shadcn/ui component library best practices and patterns (formerly shadcn-ui). | pproenca/ | 214 | — | ~2.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 458 | 458.Storybook A skill your agent uses whenever creating, configuring, or extending Storybook for a TS/React component library — covers main.ts/preview.ts setup, CSF3 story authoring, args/argTypes/controls… | pproenca/ | 214 | — | ~3.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 459 | TypeScript and TSX refactoring and modernization guidelines from a principal specialist perspective, current to TypeScript 6.0 and React 19. | pproenca/ | 214 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 460 | 460.React Patterns Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent features, Suspense, and modern… | jh941213/ | 126 | — | ~7.8k | Automated safety check: Notes | MIT | 2 mo ago |
| 461 | 461.Form Validation React Hook Form + Zod integration, multi-step forms, optimistic validation, server-side error mapping, and file upload patterns. | vibeeval/ | 531 | — | ~3k | Automated safety check: Pass | MIT | 2 mo ago |
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Theming and dark mode351
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- UX design266
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63