Search
Frontend & Design · React
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 721 | | Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. | secondsky/ | 227 | — | ~4k | Automated safety check: Pass | MIT | 13 days ago |
| 722 | 722.Typescript Rules TypeScript/JavaScript coding rules: style, patterns, security, testing. | softspark/ | 179 | — | ~2.7k | Automated safety check: Notes | Apache-2.0 | 3 days ago |
| 723 | 723.Nextjs A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache… | ericrisco/ | 180 | — | ~5.1k | Automated safety check: Pass | MIT | yesterday |
| 724 | 724.Dark Mode A skill your agent uses when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown renderers, design tokens, themes, or composed pages. | egregore-labs/ | 291 | — | ~414 | Automated safety check: Pass | MIT | 9 days ago |
| 725 | Software architecture and UI/UX principles for building genuinely new solutions, not derivative work. | bencium/ | 446 | — | ~3.3k | Automated safety check: Pass | MIT | 7 days ago |
| 726 | A skill your agent uses when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive… | hashgraph-online/ | 1.3k | — | ~560 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 727 | 727.Client Side JS A skill your agent uses when a val needs to ship JavaScript that runs in the browser — React apps, vanilla DOM scripts, canvas/games, htmx/Alpine, or any client-side module beyond a single inline… | hashgraph-online/ | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 728 | 728.React UI A skill your agent uses when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything users see in a browser. | hashgraph-online/ | 1.3k | — | ~904 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 729 | 729.UI UX Pro Max UI/UX 设计智能，在设计页面时必须使用 | Prorise-cool/ | 306 | — | ~1.5k | Automated safety check: Notes | No licence | 25 days ago |
| 730 | Validate consistency across SEED Design component documentation layers (design guidelines in ./docs/content/docs/components, Rootage specs in ./packages/rootage/components, and React docs in… | Microck/ | 404 | — | ~4k | Automated safety check: Pass | Unknown | 1 mo ago |
| 731 | 731.Taste Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin. | EliasOulkadi/ | 114 | — | ~3.5k | Automated safety check: Pass | MIT | 6 days ago |
| 732 | 732.Shadcn Parity Skill: shadcn-parity | udecode/ | 451 | — | ~3.7k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 733 | 当任务触达动态 React 组件类型、列表 key、streaming UI，或 iframe/editor/media 等需要保持实例状态的界面时使用；也用于排查重渲染导致的焦点、选区、输入法或内嵌状态丢失。普通 React 修改不自动触发。 | Peiiii/ | 260 | — | ~872 | Automated safety check: Pass | MIT | yesterday |
| 734 | Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). | criptogus/ | 288 | — | ~839 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 735 | 735.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/ | 132 | — | ~1.9k | Automated safety check: Pass | MIT | 6 days ago |
| 736 | Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl. | cometchat/ | 132 | — | ~1.2k | Automated safety check: Notes | MIT | 6 days ago |
| 737 | A skill your agent uses when optimizing performance or reviewing security. | MadAppGang/ | 285 | — | ~2.4k | Automated safety check: Notes | MIT | 7 mo ago |
| 738 | 738.React Patterns A skill your agent uses when implementing React 19 features, optimizing components, or choosing between Actions vs TanStack Query for mutations. | MadAppGang/ | 285 | — | ~2.3k | Automated safety check: Pass | MIT | 7 mo ago |
| 739 | 739.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/ | 285 | — | ~4.1k | Automated safety check: Pass | MIT | 7 mo ago |
| 740 | 740.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/ | 285 | — | ~2.6k | Automated safety check: Pass | MIT | 7 mo ago |
| 741 | Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile. | divinevideo/ | 266 | — | ~1.3k | Automated safety check: Pass | MPL-2.0 | yesterday |
| 742 | Create Agent App applications (PocketBase backend, React kit frontend). | CraftOS-dev/ | 392 | — | ~4.8k | Automated safety check: Pass | MIT | yesterday |
| 743 | 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 |
| 744 | 744.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/ | 190 | — | ~3.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 745 | 745.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 |
| 746 | 746.Anim Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. | Asymmetric-al/ | 381 | — | ~5.7k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 747 | A skill your agent uses when building or editing the React/Spectrum front-end SPA of a Workfront App Builder extension. | adobe/ | 197 | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 748 | 748.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.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 749 | 749.Animate Generate animated videos and motion graphics from natural language descriptions. | OneWave-AI/ | 336 | — | ~1.4k | Automated safety check: Notes | MIT | 9 days ago |
| 750 | 覆盖 Blade 的 CLI、TUI、Hono Server、Web、ACP 与 VS Code 六种交互表面，以及它们对同一 Agent、Session 和事件事实的不同投影方式。进入时机：修改启动分流、跨端事件、用户输入、 会话导航、输出背压、宿主能力或任一表面的生命周期。 | echoVic/ | 181 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 751 | 751.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 | 2 mo ago |
| 752 | 752.Common UI Design Design distinctive, production-grade frontend UI with bold aesthetic choices. | HoangNguyen0403/ | 572 | — | ~849 | Automated safety check: Pass | MIT | yesterday |
| 753 | 753.React Hooks Write React hooks with clean effect boundaries and measured memoization. | HoangNguyen0403/ | 572 | — | ~634 | Automated safety check: Pass | MIT | yesterday |
| 754 | Optimize React rendering, bundle size, and data flow with profiler-led decisions. | HoangNguyen0403/ | 572 | — | ~577 | Automated safety check: Pass | MIT | yesterday |
| 755 | 755.React Typescript Type React components and hooks with TypeScript patterns. An agent skill from HoangNguyen0403/agent-skills-standard. | HoangNguyen0403/ | 572 | — | ~528 | Automated safety check: Pass | MIT | yesterday |
| 756 | 756.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/ | 115 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 757 | Diagnose measured runtime and Core Web Vitals. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~441 | Automated safety check: Pass | MIT | 1 mo ago |
| 758 | Build component behavior and presentation. An agent skill from TheGoat395/Codex-Skills. | TheGoat395/ | 126 | — | ~401 | Automated safety check: Pass | MIT | 1 mo ago |
| 759 | 759.Reactflow Expert Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live state updates via WebSocket. | curiositech/ | 244 | — | ~2.1k | Automated safety check: Notes | MIT | 1 mo ago |
| 760 | 生成符合项目规范的 React 组件。当用户要求创建组件、新建 React 组件或生成组件文件时使用. An agent skill from einverne/dotfiles. | einverne/ | 121 | — | ~334 | Automated safety check: Pass | GPL-3.0 | 1 mo ago |
| 761 | Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. | aiskillstore/ | 433 | — | ~1.4k | Automated safety check: Pass | No licence | yesterday |
| 762 | 762.React 19 Guide for React 19 development with Actions, Server Components, and new hooks. | aiskillstore/ | 433 | — | ~1.4k | Automated safety check: Pass | No licence | yesterday |
| 763 | 763.Tanstack Query Best practices for TanStack Query v5 (React Query) server state management, including query key factories, the queryOptions helper, mutations, optimistic updates, infinite queries, and Suspense mode. | Mindrally/ | 271 | — | ~3.6k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 764 | 764.Tanstack Router Type-safe, file-based routing for React with TanStack Router. | Mindrally/ | 271 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 765 | Best practices for Zustand state management in React and TypeScript applications, covering store design, selectors, middleware, SSR, and testing. | Mindrally/ | 271 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 766 | Expert UI/UX and React performance auditor (PinakBot persona). | sundial-org/ | 663 | — | ~651 | Automated safety check: Pass | No licence | 7 mo ago |
| 767 | 767.React Expert A skill your agent uses when building React 18+ applications requiring component architecture, hooks patterns, or state management. | sundial-org/ | 663 | — | ~899 | Automated safety check: Pass | No licence | 7 mo ago |
