Framework
React agent skills, page 33
React skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1537 | 1537.Nextjs Devtools Next.js development tooling via MCP. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | — | ~568 | Automated safety check: Pass | No licence | today |
| 1538 | 1538.Core Principles A skill your agent uses when planning new projects, onboarding, or reviewing architectural decisions. | MadAppGang/ | 283 | — | ~1.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 1539 | 1539.Performance Security A skill your agent uses when optimizing performance or reviewing security. | MadAppGang/ | 283 | — | ~2.4k | Automated safety check: Notes | MIT | 6 mo ago |
| 1540 | 1540.React Patterns A skill your agent uses when implementing React 19 features, optimizing components, or choosing between Actions vs TanStack Query for mutations. | MadAppGang/ | 283 | — | ~2.3k | Automated safety check: Pass | MIT | 6 mo ago |
| 1541 | 1541.React Typescript Modern React 19+ patterns with TypeScript including function components, hooks, state management, TanStack Query integration, form handling with Zod, error boundaries, and performance optimization. | MadAppGang/ | 283 | — | ~4.1k | Automated safety check: Pass | MIT | 6 mo ago |
| 1542 | 1542.State Management A skill your agent uses when choosing state management solutions, implementing global stores (Zustand, Pinia), managing server state (TanStack Query), or handling URL state in frontend applications… | MadAppGang/ | 283 | — | ~2.6k | Automated safety check: Pass | MIT | 6 mo ago |
| 1543 | 1543.Tooling Setup A skill your agent uses when setting up new projects or updating tool configurations. | MadAppGang/ | 283 | — | ~1.2k | Automated safety check: Notes | MIT | 6 mo ago |
| 1544 | Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. | sundial-org/ | 663 | — | ~2k | Automated safety check: Pass | No licence | 7 mo ago |
| 1545 | 1545.Agent App Creator Create Agent App applications (PocketBase backend, React kit frontend). | CraftOS-dev/ | 392 | — | ~4.8k | Automated safety check: Pass | MIT | today |
| 1546 | Fix silent data loss when mutating Nostr replaceable events (Kind 0 profile, Kind 3 contact/follow list, Kind 10002 relay list, etc.) in client apps. | divinevideo/ | 265 | — | ~1.9k | Automated safety check: Pass | MPL-2.0 | today |
| 1547 | Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile. | divinevideo/ | 265 | — | ~1.3k | Automated safety check: Pass | MPL-2.0 | today |
| 1548 | 1548.Cometchat Entry point for any CometChat task on any platform. An agent skill from cometchat/cometchat-skills. | cometchat/ | 129 | — | ~2.9k | Automated safety check: Pass | MIT | 2 days ago |
| 1549 | 1549.Cometchat I18n Localize a CometChat integration — set the UI Kit language, register custom/overridden translations, handle RTL, and never leak a raw localization key into the UI. | cometchat/ | 129 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 1550 | Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl. | cometchat/ | 129 | — | ~1.2k | Automated safety check: Notes | MIT | 2 days ago |
| 1551 | Diagnose a broken CometChat React v7 integration — blank panes, a collapsed/0-height surface, empty lists, no messages, the kit's error state, events that never fire, or a versionconflict. | cometchat/ | 129 | — | ~1.4k | Automated safety check: Pass | MIT | 2 days ago |
| 1552 | 1552.Trpc tRPC end-to-end type safety, procedures, routers, middleware, and React integration. | majiayu000/ | 666 | 1 repo | ~595 | Automated safety check: Notes | MIT | today |
| 1553 | 1553.Anim Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. | Asymmetric-al/ | 382 | — | ~5.7k | Automated safety check: Pass | AGPL-3.0 | today |
| 1554 | 1554.Inngest Realtime A skill your agent uses when streaming durable workflow updates to a UI in real time — live order status pages that animate as steps complete, AI agent token streaming from a function to the… | Asymmetric-al/ | 382 | — | ~5.3k | Automated safety check: Notes | AGPL-3.0 | today |
| 1555 | 1555.Frontend A skill your agent uses when making architecture-level React decisions — component decomposition, choosing where state should live, selecting a state manager (Context vs Redux vs Zustand) or a… | kid-sid/ | 189 | — | ~3.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 1556 | 1556.Ionic Framework Comprehensive Ionic Framework expert skill consolidating core concepts, component reference, CLI usage, theming, layout, page lifecycle, framework-specific patterns for Angular/React/Vue… | LeoYeAI/ | 2.2k | — | ~5.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 1557 | 1557.React Expert React specialist perspective for the weekly review. An agent skill from mizchi/skills. | mizchi/ | 356 | — | ~408 | Automated safety check: Pass | No licence | 5 days ago |
| 1558 | A skill your agent uses when building or editing the React/Spectrum front-end SPA of a Workfront App Builder extension. | adobe/ | 195 | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1559 | 1559.Remotion Render a short (~10s) video on any topic with Remotion - the agent writes a storyboard JSON, a bundled React/Remotion project renders it to an MP4, and the clip is committed to the repo and… | aeonfun/ | 767 | — | ~3.1k | Automated safety check: Warn | MIT | yesterday |
| 1560 | AI Agent 架构模式目录。提供 ReAct、Multi-Agent Conversation、Multi-Agent Workflow、 RAG Agent、Tool-Use Agent、Autonomous Agent 六种核心模式的参考架构、组件拓扑、 数据流、设计决策和框架无关的最佳实践。供 agent-dev-workshop Phase 2 调用。 | hashgraph-online/ | 1.2k | — | ~445 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1561 | 1561.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.2k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 1562 | Make a portrait speak, react or perform supplied audio with Magic Hour, or lip-sync an existing video to replacement speech. | hashgraph-online/ | 1.2k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 1563 | 覆盖 Blade 的 CLI、TUI、Hono Server、Web、ACP 与 VS Code 六种交互表面,以及它们对同一 Agent、Session 和事件事实的不同投影方式。进入时机:修改启动分流、跨端事件、用户输入、 会话导航、输出背压、宿主能力或任一表面的生命周期。 | echoVic/ | 180 | — | ~1.4k | Automated safety check: Pass | MIT | 10 days ago |
| 1564 | 覆盖 Blade React + Ink TUI 的初始化、输入协议、消息与工具渲染、确认队列、Session 切换、流式缓冲和 Runtime 清理。进入时机:修改终端键盘行为、粘贴、Ctrl+C、审批与 问答、流式输出、Static 布局、会话恢复或 slash command 展示。 | echoVic/ | 180 | — | ~1.5k | Automated safety check: Pass | MIT | 10 days ago |
| 1565 | 覆盖 Blade React Web 的启动恢复、Session/任务 Zustand 投影、SSE 重连、聊天输入、 多项目导航、布局、预览、Browser 面板与终端。进入时机:修改 Web 消息流、Session 切换、草稿、错误恢复、Sidebar/Kanban、全屏预览、文件/Browser 活动或前端 API。 | echoVic/ | 180 | — | ~2k | Automated safety check: Pass | MIT | 10 days ago |
| 1566 | 1566.Animate Generate animated videos and motion graphics from natural language descriptions. | OneWave-AI/ | 322 | — | ~1.4k | Automated safety check: Notes | MIT | 5 days ago |
| 1567 | 1567.Performance Profiler Profile and optimize application performance including load times, memory usage, and rendering. | OneWave-AI/ | 322 | — | ~1k | Automated safety check: Pass | MIT | 5 days ago |
| 1568 | 1568.Frontend Design Design and build production-ready frontend interfaces with design systems, responsive layouts, accessible components, and dark mode support. | seb1n/ | 206 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 1569 | 1569.Fullstack Dev Full-stack backend architecture and frontend-backend integration guide. | infometa/ | 342 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 1570 | A skill your agent uses when users need to create or configure tab-based Salesforce Custom Applications with navigation, branding, and action overrides. | forcedotcom/ | 1.1k | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 1571 | Build custom Angular attribute directives, HostDirectives, and pure pipes. | HoangNguyen0403/ | 570 | — | ~591 | Automated safety check: Pass | MIT | yesterday |
| 1572 | Probe for hardcoded secrets, injection surfaces, unguarded routes, business logic flaws, and platform-specific weaknesses across backend (Node, Go, Java, Python, Rust), frontend (React, Angular… | HoangNguyen0403/ | 570 | — | ~977 | Automated safety check: Pass | MIT | yesterday |
| 1573 | 1573.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 570 | — | ~849 | Automated safety check: Pass | MIT | yesterday |
| 1574 | 1574.Nextjs Upgrade Next.js version migrations using official guides and codemods. | HoangNguyen0403/ | 570 | — | ~610 | Automated safety check: Pass | MIT | yesterday |
| 1575 | 1575.React Hooks Write React hooks with clean effect boundaries and measured memoization. | HoangNguyen0403/ | 570 | — | ~634 | Automated safety check: Pass | MIT | yesterday |
| 1576 | Configure React Navigation 6+ stacks, tabs, and deep linking for React Native. | HoangNguyen0403/ | 570 | — | ~599 | Automated safety check: Pass | MIT | yesterday |
| 1577 | 1577.React Performance Optimize React rendering, bundle size, and data flow with profiler-led decisions. | HoangNguyen0403/ | 570 | — | ~577 | Automated safety check: Pass | MIT | yesterday |
| 1578 | 1578.React Security Prevent XSS, secure auth flows, and harden React client-side applications. | HoangNguyen0403/ | 570 | — | ~594 | Automated safety check: Pass | MIT | yesterday |
| 1579 | 1579.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 |
| 1580 | 1580.Typescript Security Secure server-side TypeScript input, auth tokens, and injection boundaries. | HoangNguyen0403/ | 570 | — | ~817 | Automated safety check: Notes | MIT | yesterday |
| 1581 | 1581.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 |
| 1582 | Diagnose measured runtime and Core Web Vitals. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~441 | Automated safety check: Pass | MIT | 26 days ago |
| 1583 | Build component behavior and presentation. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~401 | Automated safety check: Pass | MIT | 26 days ago |
| 1584 | 1584.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 |