Frontend & Design · React

在 React 项目中接入、生成、修改、联调或验收 HiUI 典型页与非典型页面时使用。适用于 数据统计表、普通表格、树形表格、左树右表、数据可视化、异常反馈页、抽屉表单/详情、 全页编辑/详情、不规范原型截图转规范页、老旧系统截图/URL/源码现代化转译，以及 host-integration、rules-only、legacy-host-compatible 等场景。

XiaoMi/hiui

Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result.

ConardLi/garden-skills

DOTA2 自定义游戏 UI（Panorama）开发指南。触发词：UI、界面、面板、panorama、frontend、前端、HUD、layout、xml、css、样式。Use when user asks to create or modify DOTA2 custom game UI panels, React components, CSS styles, layout XML…

XavierCHN/x-template

A skill your agent uses when building a new pixel-art or retro frontend with pxlkit (@pxlkit/ui-kit) — landing, dashboard, portfolio, game UI.

Joangeldelarosa/pxlkit

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems…

Jason904/ui-skill-lab

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Migrate i18next/react-i18next projects to Lingui. An agent skill from B0und/WikiSpeedrun.

B0und/WikiSpeedrun

React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data.

one-ie/one

Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume.

Snailclimb/interview-guide

Collaboratively write a feature spec with the developer. An agent skill from bartstc/vite-ts-react-template.

bartstc/vite-ts-react-template

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

Reference for the two Zustand store patterns in Stellar Lab — main store (querystring) and transaction flow store (sessionStorage).

stellar/laboratory

React and Next.js performance optimization patterns. An agent skill from AvivK5498/beads-web.

AvivK5498/beads-web

Reviews React/Vue component architecture, state, and hooks. An agent skill from DanielPodolsky/ownyourcode.

DanielPodolsky/ownyourcode

Builds cross-chain token swaps and bridge flows with the NEAR Intents 1Click API: quotes, deposit addresses, per-chain deposits and status polling.

internet-court/internet-court-skill

Build a working react-horizontal-scrolling-menu: install, the mandatory 'react-horizontal-scrolling-menu/dist/styles.css' import, ScrollMenu with a unique itemId per child, arrow components via…

asmyshlyaev177/react-horizontal-scrolling-menu

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

bskimball/tanstack-hono

Publish static page artifacts to SourceCraft Sites (Yandex infrastructure, works in Russia), with advisory image optimization and an original-image path.

artwist-polyakov/polyakov-claude-skills

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/wg-skills

MUI Base UI unstyled React components with Floating UI. An agent skill from secondsky/claude-skills.

secondsky/claude-skills

Make Storybook stories deterministic for UI Verify so captures stop coming back "changed" without a real change (flaky diffs).

igrlk/storybook-addon-test-codegen

当需要把项目（或代码片段）从 NutUI React（@nutui/nutui-react，H5）迁移到 NutUI React Taro（@nutui/nutui-react-taro，小程序 / 跨端 Taro）时使用。触发场景如「把 NutUI React 迁移到 Taro」「让这个 H5 的 NutUI 页面能在小程序里跑」，或将 H5 的 NutUI 组件转换到 Taro…

jdf2e/nutui-react

Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package…

IgniteUI/igniteui-webcomponents

Splits a heavy front-end domain into capability atoms that each host imports separately, sinking state into each atom instead of adding mode or readOnly flags.

lobehub/lobehub

Rules for adding and editing LobeHub's user-facing strings with react-i18next: flat dot-notation keys, the default locale folder, namespaces and when to run bun run i18n.

lobehub/lobehub

Defines React environment, component architecture, state/data flow, build verification, and frontend non-functional criteria from repository evidence.

shinpr/ai-coding-project-boilerplate

Add a resource or page in the React Admin management backend (TR-F013).

talkincode/toughradius

Zero-error setup guide for AI agents to install and configure @srivarsank/glide visual editor on any React, Vue, Svelte, Astro, or HTML Vite project in one prompt.

SrivarsanK/Glide

A skill your agent uses when adding JSDoc type definitions to React components in Tonic UI.

trendmicro-frontend/tonic-ui

Rewrite the comments under a path to the repo's comment rules (why-only, ≤ 3 lines, no history, no filler).

Ocean-Industries-Concept-Lab/openbridge-webcomponents

A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications

calesthio/OpenMontage

通过 CDP 连接 ReinaManager WebView2，复现、诊断并验证真实应用的前端问题。仅在用户显式调用 /cdp 或 $cdp 进行前端调试时使用。

huoshen80/ReinaManager

Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects.

julianromli/opencode-template

Review frontend code, UI changes, generated implementations, and pull requests with severity-based findings and checklist-driven analysis.

ceilf6/FrontAgent

Review component for accessibility issues. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Rules for building dropdowns, popovers, tooltips and menus in the desktop app with @floating-ui/dom, covering portals, positioning, dismissal and ARIA state.

leookun/cursor-byok

A skill your agent uses when converting existing React code to the pxlkit design system (@pxlkit/ui-kit), replacing the presentation layer while preserving routes, state, handlers and tests.

Joangeldelarosa/pxlkit

A checklist for UI changes that touch colors, surfaces or theme code, making sure light and dark modes, devices, states and layering all still work.

ZeroDeng01/sublinkPro

The design language for this project and how to style UI with it — the colour, type, surface and layer tokens, when to reach for an AKUI component instead of writing classes, and when TWC…

Asvarox/allkaraoke

Self-contained design transformer — invoke directly, do not decompose.

popmechanic/VibesOS

Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question.

MichealWayne/fe-tools

Sets out how to write React components in LobeHub: which styling approach to use, which component libraries to prefer and in what order.

lobehub/lobehub

A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage.

8starlabs/ui

A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors).

streamband/hydra-srt

Render and serialize Portable Text to React, Svelte, Vue, Astro, HTML, Markdown, and plain text.

sanity-io/agent-toolkit

Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper.

one-ie/one

Fetch data in Sentry's frontend with TanStack Query and apiOptions.

getsentry/sentry