feature-flags-nextjs
为 Next.js 应用接入 PostHog 功能开关的 Skill，指导如何安装、在客户端或服务端评估开关，并遵循环境变量、最小改动、优先布尔开关等实践原则，附 React、Next.js、代码添加与最佳实践参考文档。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,866 个结果
frontend-design
一套用于打造独特、生产级前端界面的设计技能，强调明确的美学方向、排版、配色、动效、语义结构与无障碍，避免套用通用模板。适用于网页组件、页面或应用的构建与优化。
agile-proto
agile-proto 是一个用于创建静态、浏览器原生 UI 原型的技能，采用 z-proto、HTM UI、Tailwind CSS v4、Preact/htm 与 preact-iso 组成的零构建技术栈，适合在生产实现前验证流程与交互。
ark-ui
Ark UI 是基于 Zag.js 的无头（headless/unstyled）组件库，也是 Chakra UI v3 的无样式实现基础，支持 React、Solid、Vue、Svelte。提供行为与无障碍能力，样式由使用者自行接入。
flutter-form
flutter-form 是一个 Flutter 表单验证实现指南，基于 Form、TextFormField 和 GlobalKey<FormState> 构建带校验的表单，管理验证状态并处理提交工作流。假定已存在 Flutter 环境且可用 Material Design 依赖。
clone-page
clone-page 是一个高精度克隆网页的技能，使用 Playwright 渐进式采集页面数据（DOM 结构、样式、截图、资源），再分阶段构建 HTML/CSS 还原。支持快速还原与高精度还原两种模式，适用于克隆、复刻、还原、仿制网页的场景。
component-organization
一个前端目录结构与文件组织参考模式技能，指导按 components、hooks、lib、types 等类型划分目录，适用于创建新组件或重构前端代码时保持项目结构清晰可预测。
budge
Budge 是一个面向 Next.js App Router 项目的主动式技能：当任务只改动单个 CSS 属性或 Tailwind 类时，自动在页面上显示浮动控件，让用户用方向键微调数值、切换相关属性，并提交或撤销修改。
nextjs-bundle-optimizer
面向 Next.js 16 的打包体积与构建耗时优化技能，通过“测量基线→分析大户→应用单一配方→复测→对比验证→提交或回滚”的数据驱动迭代循环，逐步做出可验证的改进。
web-styling-cva
CVA（Class Variance Authority）是一个用于组件变体样式管理的工具，通过 cva() 将组件的视觉状态（尺寸、意图、状态等）集中为一个带类型的配置对象，并用 VariantProps 从定义中推导组件属性类型，实现类型安全的变体样式。
frontend-design-systems
该技能用于让 Claude 借助 React、Tailwind CSS 与 shadcn/ui 生成生产级前端界面，重点处理间距、对齐、可读性、响应式布局与可复用组件，避免常见的“AI 生成感”设计。
font-measurement
用于 Even Realities G2 智能眼镜的像素级字体测量库 @evenrealities/pretext，可预测与眼镜固件 LVGL 渲染引擎一致的文本布局尺寸，适合在创建文本容器前精确计算宽高、换行与截断。
react-testing-patterns
面向 React 组件与自定义 Hook 的测试技能，基于 Testing Library 与 Vitest，涵盖渲染、交互、异步状态、MSW 接口模拟与 jest-axe 无障碍审计，并给出测试基础设施搭建方式。
motion
Motion（包名 motion，原 framer-motion）是 React 的标准动画库，从 motion/react 导入，提供手势、滚动联动、弹簧物理、布局动画、SVG 路径绘制等声明式动画能力，兼容 React 18.2+、React 19、Next.js App Router 与 Vite。
tanstack-start
基于 TanStack Router 的全栈 React 框架，通过 RPC 提供类型安全的服务端函数，支持 SSR/流式渲染、中间件组合，可部署到 Cloudflare Workers、Vercel、Netlify、AWS Lambda 等平台。当前为 RC 版本，API 在稳定 1.0 前可能变动。包名 @tanstack/react-start。
web-prototype
把线上网页或界面截图复刻为本地 Next.js + Tailwind CSS 项目的技能，便于用户修改、扩展和迭代原型。会先抓取页面结构与样式，再手动搭建工程，附带可浏览、复制 Markdown 的设计文档面板。
syncfusion-react-spreadsheet-editor
用于在 React 应用中集成 Syncfusion Spreadsheet Editor 的技能，可生成类 Excel 的 JSX/TSX 代码，支持导入导出 Excel、CSV、PDF，以及数据处理、公式、格式化、图表、批注、保护、虚拟滚动等功能。
reactflow-fundamentals
React Flow 基础技能，用于构建基于节点的 UI、流程图、工作流编辑器和交互式图形。涵盖安装、节点、边、控件、事件处理、视口控制与状态保存等核心用法。
to-html
to-html 是一个把解释、分析、计划、发现问题文档或草稿渲染为单个自包含 HTML 文件的技能。风格偏编辑排版，留白充足、文字精简、以图表为主，适合截图分享、粘贴发布或作为文档阅读。
react-specialist
React Specialist 是一个专注于 React 18+、Next.js 生态与现代 React 模式的专家级开发技能。它面向使用 hooks、并发特性、Zustand 等状态管理方案以及 TanStack Query 数据获取来构建高性能、可扩展 React 应用的场景。该技能覆盖并发渲染、Server Components、流式 SSR、自定义 Hooks、复合组件、渲染属性、错误边界等能力，并提供状态管理选型决策树、性能优化决策矩阵、组件模式选择表与最佳实践。适用于构建现代 React 应用、实现 Next.js 服务端组件与 SSR、管理状态、优化渲染性能、创建可复用组件库与 Hooks，以及结合 TypeScript 实现类型安全。不适用于纯服务端逻辑、简单静态 HTML/CSS 页面、纯移动端开发或无前端的 Node.js API 开发。
performance-profiling
性能分析与瓶颈定位技能，覆盖 Node.js CPU/内存分析、火焰图、事件循环利用率、React 渲染分析、浏览器性能与数据库查询分析，强调先测量再优化。
electron
Electron 技能集：用 JavaScript、HTML 和 CSS 构建跨平台桌面应用，涵盖项目搭建、主进程与渲染进程 IPC、安全配置、打包发布、原生模块与自动更新等主题。
tanstack-virtual
TanStack Virtual 是一个无头 UI 工具，用于虚拟化大型列表、网格和表格，只渲染视口内可见项，减少 DOM 节点并提升数千行数据的性能。提供 React、Vue、Solid、Svelte、Lit、Angular 适配器。
frontend-expert
frontend-expert 是一个前端开发专家技能，汇总前端开发、UI/UX 模式、响应式设计与无障碍等规则，用于在编写或审查代码时提供改进建议，涵盖 HTMX、React、Next.js、Chakra UI、Material UI 等技术栈。