Framework
React agent skills, page 30
React skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1393 | 1393.Senior Fullstack Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis. | borghei/ | 881 | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 1394 | 1394.Senior QA Testing for React/Next.js with Jest, React Testing Library, and Playwright. | borghei/ | 881 | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 1395 | Renders, embeds, or displays existing Salesforce CMS content in a React or Angular uiBundle app: installs the CMS toolkit, registers a typed reference, generates a framework-matched renderer from… | forcedotcom/ | 1.1k | — | ~6.3k | Automated safety check: Pass | Apache-2.0 | today |
| 1396 | 1396.Create Custom Widget Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk. | mendixlabs/ | 128 | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | today |
| 1397 | 1397.Stitch Design Md Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다. | jh941213/ | 126 | — | ~1.2k | Automated safety check: Pass | No licence | 2 mo ago |
| 1398 | 모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입. | jh941213/ | 126 | — | ~1.6k | Automated safety check: Pass | No licence | 2 mo ago |
| 1399 | Transforms vague UI ideas into detailed prompts optimized for Stitch -- enhances specificity, adds UI/UX keywords, injects design system context. | jh941213/ | 126 | — | ~1.3k | Automated safety check: Pass | No licence | 2 mo ago |
| 1400 | 1400.Stitch Loop Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발. | jh941213/ | 126 | — | ~1.5k | Automated safety check: Notes | No licence | 2 mo ago |
| 1401 | 1401.Stitch Loop Iterative build loop pattern for autonomously generating multi-page websites using Stitch -- continuous website development via baton system. | jh941213/ | 126 | — | ~1.1k | Automated safety check: Notes | No licence | 2 mo ago |
| 1402 | 1402.Stitch React Stitch 스크린을 React 컴포넌트 시스템으로 변환합니다 — 디자인 토큰 추출, 컴포넌트 분해, TypeScript 타입 생성, 자동 검증 포함. | jh941213/ | 126 | — | ~2.4k | Automated safety check: Notes | No licence | 2 mo ago |
| 1403 | 1403.Stitch React Converts Stitch screens into a React component system -- includes design token extraction, component decomposition, TypeScript type generation, and automated verification. | jh941213/ | 126 | — | ~992 | Automated safety check: Notes | No licence | 2 mo ago |
| 1404 | 1404.React Best Practices React and Next.js performance playbook distilled from Vercel Engineering guidance. | majiayu000/ | 286 | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 1405 | 1405.UI UX Pro Max A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. | majiayu000/ | 286 | — | ~442 | Automated safety check: Pass | MIT | today |
| 1406 | 1406.Frontend Design 创建独特的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能(例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任何网页 UI 进行样式美化)。生成富有创意、精致的代码和 UI 设计,避免千篇一律的 AI 审美。 | LeastBit/ | 588 | — | ~401 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 1407 | 1407.JSON Render Catalog json-render component catalog patterns for AI-safe generative UI. | yonatangross/ | 289 | — | ~6.4k | Automated safety check: Pass | MIT | today |
| 1408 | 自定义页面表格批量录入技能。使用 YidaCodeCanvas 组件和 antd Table、Input、Select、DatePicker、React hooks 实现草稿、行级校验、分批并发提交和行级错误保留。YidaCodeCanvas 组件内不能直接调用 this.utils.yida.;写入默认消费发布层注入的 window.OPENYIDAYIDAAPI,提示、跳转等根级工具消费… | openyida/ | 220 | — | ~1.3k | Automated safety check: Pass | MIT | 8 days ago |
| 1409 | 1409.Yida Density 自定义页面信息密度设计规范。提供紧凑、舒适、宽松三种模式、切换 UI 和响应式降级;平台 JSX 组件页面的 didMount/this.utils.isMobile 仅作存量维护示例。 | openyida/ | 220 | — | ~971 | Automated safety check: Pass | MIT | 8 days ago |
| 1410 | 1410.Yida Rechart 自定义页面 Recharts 高级图表技能。使用 YidaCodeCanvas 组件和 Recharts 实现可视化、看板图表、趋势图、组合图等现代 React 图表页面;聚合数据必须来自宜搭原生报表或已聚合接口,不在前端拉全量明细自行聚合。明确要求 ECharts、维护旧 ECharts 页面或 Recharts 无法覆盖的复杂 option 时改用 yida-chart。 | openyida/ | 220 | — | ~970 | Automated safety check: Pass | MIT | 8 days ago |
| 1411 | 1411.Agent UI Batteries-included agent component for React/Next.js from ui.inference.sh. | aiskillstore/ | 430 | 1 repo | ~883 | Automated safety check: Notes | No licence | today |
| 1412 | 1412.Chat UI Chat UI building blocks for React/Next.js from ui.inference.sh. | aiskillstore/ | 430 | 1 repo | ~823 | Automated safety check: Pass | No licence | today |
| 1413 | 1413.Jest Testing Automatically activated when user works with Jest tests, mentions Jest configuration, asks about Jest matchers/mocks, or has files matching .test.js, .test.ts, jest.config.. | aiskillstore/ | 430 | — | ~4.1k | Automated safety check: Notes | No licence | today |
| 1414 | 1414.Next JS 16 Launchpad Next.js 16 with Turbopack, Cache Components, and proxy.ts. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | — | ~1.8k | Automated safety check: Pass | MIT | today |
| 1415 | 1415.Tools UI Tool lifecycle UI components for React/Next.js from ui.inference.sh. | aiskillstore/ | 430 | 1 repo | ~990 | Automated safety check: Pass | No licence | today |
| 1416 | 1416.Tanstack Query TanStack Query v5 (React Query) server state management. An agent skill from secondsky/claude-skills. | secondsky/ | 227 | — | ~7.9k | Automated safety check: Pass | MIT | 9 days ago |
| 1417 | リポジトリで設定済みのReactテスト・ブラウザハーネスを使用してフロントエンドテストを設計。RTL、MSW、Vitest、Playwrightが存在する場合に適用。コンポーネント、loading/error state、統合、フロントエンドE2Eテストの追加・レビュー時に使用。 | shinpr/ | 232 | — | ~843 | Automated safety check: Pass | MIT | 4 days ago |
| 1418 | 使用仓库已配置的 React 测试与浏览器测试工具(包括 RTL、MSW、Vitest,以及存在时的 Playwright)设计前端测试。适用于新增或评审组件测试、加载/错误状态测试、集成测试或前端 E2E 测试时。 | shinpr/ | 232 | — | ~692 | Automated safety check: Pass | MIT | 4 days ago |
| 1419 | Add voice and video calling to an Android v6 CometChat app — the Calls SDK dependency, the settings-file calling toggle, call buttons in the message header, a global incoming-call listener… | cometchat/ | 130 | — | ~3.6k | Automated safety check: Pass | MIT | 2 days ago |
| 1420 | React to what the CometChat Android v6 UI Kit is doing — the CometChatEvents SharedFlow bus (message, call, conversation, group, user and UI events), how to collect it in Compose vs XML Views with… | cometchat/ | 130 | — | ~1.6k | Automated safety check: Pass | MIT | 2 days ago |
| 1421 | React to CometChat activity in a Flutter app — SDK listeners (messages, calls, users, groups, connection) versus UI Kit events (CometChatMessageEvents, CometChatGroupEvents, CometChatUserEvents… | cometchat/ | 130 | — | ~1.5k | Automated safety check: Pass | MIT | 2 days ago |
| 1422 | Where the CometChat React Native UI Kit v5 surfaces go in a real app — one screen per route on a stack navigator, tab-based layouts, growing from the core surface to the full app, and embedding chat… | cometchat/ | 130 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 1423 | Add voice & video calling to a React app with the CometChat v7 UI Kit — install the Calls SDK, enable calling on the UIKit settings, mount the incoming-call surface, and wire 1:1 ring / group join. | cometchat/ | 130 | — | ~2.8k | Automated safety check: Pass | MIT | 2 days ago |
| 1424 | The React v7 UI Kit component catalog — which drop-in components exist and how to compose/swap them (conversations, messages, users, groups, threads, calling, bubbles). | cometchat/ | 130 | — | ~2.4k | Automated safety check: Pass | MIT | 2 days ago |
| 1425 | Theme and brand the React v7 UI Kit — light/dark mode, CSS custom-property design tokens, per-component style overrides. | cometchat/ | 130 | — | ~2.8k | Automated safety check: Pass | MIT | 2 days ago |
| 1426 | Enable a specific CometChat feature in a React v7 app — reactions, polls, stickers, mentions, translation, link preview, smart replies and other AI, calls, push notifications, moderation. | cometchat/ | 130 | — | ~3.3k | Automated safety check: Pass | MIT | 2 days ago |
| 1427 | Ship a CometChat React v7 integration safely — server-minted auth tokens instead of the Auth Key, correct env prefixes per bundler, bundle hygiene, and a pre-launch checklist. | cometchat/ | 130 | — | ~1.6k | Automated safety check: Notes | MIT | 2 days ago |
| 1428 | Add web push notifications to a React app with the CometChat v7 SDK — FCM via Firebase, registered through CometChatNotifications, with the Dashboard FCM provider as the sender. | cometchat/ | 130 | — | ~1.5k | Automated safety check: Pass | MIT | 2 days ago |
| 1429 | Test a React app that embeds CometChat v7 — what to mock vs exercise for real, rendering kit components under a test provider, waiting out the async init→login gate, and a lean E2E smoke. | cometchat/ | 130 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 1430 | 1430.Autonomous Agents Autonomous agents are AI systems that can independently decompose goals, plan actions, execute tools, and self-correct without constant human guidance. | aiskillstore/ | 430 | 4 repos | ~7.5k | Automated safety check: Pass | No licence | today |
| 1431 | 1431.C Video Edit Programmatic video creation using Remotion (React-based) and Editly (JSON-based declarative). | daxaur/ | 174 | — | ~1.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 1432 | 1432.Frontend Rules and best practices when working on the dashboard React frontend codebase (including the inlined Gram Elements code) | speakeasy-api/ | 272 | — | ~9.8k | Automated safety check: Pass | AGPL-3.0 | today |
| 1433 | 1433.Email Connector A skill your agent uses when wiring server code to send transactional or bulk email via Resend, SendGrid, or Postmark: a provider-agnostic sendEmail() seam, idempotent retries, 100-cap batches with… | ericrisco/ | 167 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 1434 | 1434.Error Handling A skill your agent uses when designing the reaction to a class of failures — typed error taxonomies, retry/backoff/timeout policy, circuit breakers, React/Next error boundaries, and the user-message… | ericrisco/ | 167 | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 1435 | 1435.Expo A skill your agent uses when shipping a React Native app with Expo — EAS Build/Submit/Update, eas.json profiles and channels, config plugins, prebuild/CNG, runtime-version policy, OTA updates that… | ericrisco/ | 167 | — | ~2.9k | Automated safety check: Notes | MIT | today |
| 1436 | 1436.Htmx A skill your agent uses when adding interactivity to a server-rendered app (FastAPI/Jinja, Django, Rails, Laravel, Go templates, Express) without adopting a JS framework — hx-get/post/put/delete… | ericrisco/ | 167 | — | ~3.4k | Automated safety check: Pass | MIT | today |
| 1437 | 1437.React A skill your agent uses when building or reviewing a client-side React SPA bundled by Vite (React 19.2): components, where state lives, hooks, server data fetching, client routing, re-render and… | ericrisco/ | 167 | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 1438 | 1438.React Native A skill your agent uses when writing the JS/TS inside a React Native or Expo app — screens, Expo Router navigation, lists, Reanimated gestures, platform forks, offline state, native modules — or… | ericrisco/ | 167 | — | ~3k | Automated safety check: Pass | MIT | today |
| 1439 | 1439.Remotion Video A skill your agent uses when you need to render an actual video file with Remotion — React compositions, the Composition/Sequence/TransitionSeries graph, transitions, burned-in word-by-word captions… | ericrisco/ | 167 | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 1440 | 1440.Shopify A skill your agent uses when building or customizing a Shopify store across its three code surfaces — themes (Liquid, Online Store 2.0 sections, blocks and JSON templates), apps (Remix with the… | ericrisco/ | 167 | — | ~3.2k | Automated safety check: Pass | MIT | today |