精英前端设计
v1.0.0
io.clawhub.moxunjinmu/elite-frontend-design
前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于:静态图片设计(用 canvas-design)、公众号配图(用 weixin-canvas-design)。
“React” 共 474 个结果
v1.0.0
io.clawhub.moxunjinmu/elite-frontend-design
前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于:静态图片设计(用 canvas-design)、公众号配图(用 weixin-canvas-design)。
v1.0.7
io.clawhub.midz99/contextui
在 ContextUI(本地优先的 AI Agent 桌面平台)上构建、运行并发布可视化工作流。用 React TSX 编写工作流(仪表盘、工具、应用、可视化等)。
v1.0.0
io.clawhub.am-will/context7-api
通过 Context7 API 获取最新库文档。应主动用于:(1) 使用任何外部库(React、Next.js、Supabase 等);(2) 用户询问库 API、模式或最佳实践;(3) 实现依赖第三方包的功能;(4) 调试库相关问题;(5) 需要超出训练数据截止时间的最新文档。永远优先于猜测库 API 或使用过时知识。
v0.1.5
io.clawhub.okaris/agent-ui
来自 ui.inference.sh 的一站式 React/Next.js 智能体组件,一个组件内置运行时、工具、流式输出、审批与小部件。
v1.0.0
io.clawhub.tristanmanchester/auditing-appstore-readiness
审计 iOS 应用仓库(Swift/Xcode 或 React Native/Expo)的 App Store 合规性与发布就绪度,输出通过/警告/不通过报告与发布检查清单。
v0.1.0
io.clawhub.felipeoff/ant-design-skill
用于高效地基于 Ant Design v5+ 构建 React UI 的技能,涵盖布局、表单、表格、弹窗、通过 ConfigProvider 做主题。
v1.0.0
io.clawhub.h4rkl/solana-dev-skill
端到端的 Solana 开发手册(2026 年 1 月)。React/Next.js 界面优先使用 Solana 基金会的 framework-kit(@solana/client + @solana/react-hooks);所有新的 client/RPC/交易代码优先使用 @solana/kit。当旧依赖需要 web3.js 时,把它隔离在 @solana/web3-compat 之后(或将 @solana/web3.js 作为真正的旧版兜底)。内容覆盖以 wallet-standard 为先的连接方式(含 ConnectorKit)、Anchor/Pinocchio 程序、基于 Codama 的客户端生成、LiteSVM/Mollusk/Surfpool 测试以及安全检查清单。
io.github.anthropics/skills/web-artifacts-builder
使用现代前端技术(React、Tailwind CSS、shadcn/ui)创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact,不适合简单的单文件 HTML/JSX artifact。
io.github.lobehub/lobehub/split-micro-app
用于独立微应用:React Router SSR/SSG、Cloud overlay、Workers、CDN/R2、SEO/OG、网关路由、预览、Docker 集成与 SSR bundle 隔离。
io.github.affaan-m/ECC/frontend-a11y
React 与 Next.js 的无障碍访问模式——语义化 HTML、ARIA 属性、表单标注、键盘导航、焦点管理与读屏软件支持。当构建任何交互式 UI 组件或表单时使用。
io.github.langgenius/dify/how-to-write-component
在实现或重构 React/TypeScript 组件、且任务需要就组件归属、功能边界、状态、数据流、副作用或交互归属做决策时使用。不适用于仅审查、仅测试、仅改文案或仅改样式的请求。
io.github.ossrs/srs/srs-develop
SRS 与 Oryx 代码库以及 SRS Docker 镜像工具链的开发、修改、调试、评审、维护与讲解。用于对下一代 SRS Go 代理、SRS 浏览器播放器、ossrs/dev-docker 镜像,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试做计划性改动;也包括缺陷维护、issue 与 PR 分诊、PR 评审以及 Learn Code 提问。C++ 版 SRS 服务器已进入维护模式,基于 Go 的新版源站与边缘节点的规划性开发尚不支持。不适用于终端用户支持、使用提问或配置咨询——这些请使用 srs-support。
io.github.OpenHands/OpenHands/frontend-development
This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW mocks", or modifies React components, hooks, routes, i18n, lazy loading, persisted UI state, or shared frontend behavior.
io.github.getsentry/sentry/sentry-javascript-bugs
依据真实生产问题提炼的缺陷模式,审查 Sentry React 与 TypeScript 改动。在审查前端 diff 或 PR、核对 Warden 发现、审计当前分支、复核生产错误模式,或在 `static/` 中查找常见回归时使用。
io.github.ossrs/srs/internal-codemap-for-srs
把 SRS 与 Oryx 的代码任务路由到最小相关的可信代码库地图与验证指引。只要支持、开发、调试、评审或维护工作需要定位、选择、阅读、修改、测试或验证 SRS/Oryx 代码时使用。覆盖第一代 C++ 源站与边缘媒体服务器及其 State Threads 依赖、下一代 Go 服务器、浏览器推流与播放、SRS Docker 镜像工具链、SRS 测试,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试。作为父级支持与发展技能的代码导航依赖;面向用户的工作流程与结果仍由父技能负责。
io.github.github/awesome-copilot/api-breaking-change-detector
Cross-references C# Web API controllers/DTOs against their TypeScript/JavaScript consumers (React, Angular, Vue, Svelte, Node.js, or hand-written/auto-generated HTTP clients like Fetch, Axios, NSwag) to catch contract drift in both directions: backend changes that break client applications (renamed/removed JSON keys, new required parameters, status code shifts) and frontend code sending fields the backend no longer reads. Works directly against source code, not exported OpenAPI spec files. Use when the user asks to check for breaking API changes, verify frontend/backend contract sync, or audit a DTO/controller change against its TypeScript/JS consumers before merging. Not for generating new API code from a spec (see openapi-to-application-code) or scaffolding new endpoints (see aspnet-minimal-api-openapi).
io.github.grafana/grafana/frontend-testing-strategy
按本仓库约定为 Grafana 前端代码(React/TypeScript,任意包或功能域)编写单元与 E2E 测试。新增、补齐或审查前端测试时使用;测试仅断言“渲染成功/已定义”、AI 生成测试质量存疑、或前端测试不稳定时同样适用。涉及可视化面板与 grafana-ui 可视化组件时,另需加载 panel-testing-strategy skill。
io.github.sickn33/agentic-awesome-skills/frontend-ui-dark-ts
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
io.github.affaan-m/ECC/documentation-lookup
通过 Context7 MCP 获取最新的库与框架文档,而不是依赖训练数据。当出现安装配置类问题、API 参考、代码示例,或用户点名某个框架(如 React、Next.js、Prisma)时触发。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。当构建或审阅 React、Next.js 的组件、状态或渲染性能时使用。
io.github.emilkowalski/skills/mobile-native
Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.
io.github.expo/expo/expo-sqlite
Persist and query local data with expo-sqlite in Expo or React Native apps. Use for SQLite setup, SQL queries, schema migrations, transactions, SQLiteProvider, expo-sqlite/kv-store, or the localStorage polyfill.
io.github.wekan/wekan/meteor-native
Use when building or maintaining Meteor 3 Android/iOS apps through Cordova. Triggers on meteor add-platform, android-device, ios-device, mobile-config.js, Cordova plugins, native signing or store artifacts, and mobile hot code push compatibility. Use this skill when the task already concerns Meteor's Cordova app workflow; use meteor-debugging for an unexplained cross-layer failure and meteor-deployment for the backend. React Native/Expo, Capacitor, and native Node.js addons are separate workflows.
io.github.novuhq/novu/ink-tui
使用 Ink(面向 CLI 的 React)与 @inkjs/ui 构建终端用户界面(TUI),采用响应式、会话驱动向导模式。当在 Node.js/TypeScript 中创建交互式 CLI 安装向导、设置流程或多步终端应用时使用。涵盖响应式屏幕尺寸解析、声明式流程管线、overlay 中断、会话状态管理、Ink 组件、Flexbox 终端布局,以及在各种终端环境下的优雅降级。