nextjs-server-actions
Next.js Server Actions 完整技能，覆盖 Next.js 15.5/16 的服务端操作定义、表单处理、乐观更新、参数绑定、校验、鉴权、错误处理与文件上传，含 useActionState、useFormStatus、useOptimistic 等 Hook 用法。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,904 个结果
audify
Audify 可将可读的 URL、Markdown、HTML、DOCX 或纯文本清理为适合朗读的文本，并用 Gemini TTS 合成带时间戳的 MP3 旁白，输出包含音频、清理后文本和清单的文件夹。
web-components
面向原生 HTML/CSS/JavaScript 的技能，要求不使用框架、采用 ESM 模块化，编写干净可读、可直接运行的代码，适用于小型 UI 组件、静态页面及去除框架依赖的重构。
html-2-pdf
HTML 2 PDF 集成技能，通过 Membrane CLI 调用 HTML 2 PDF 服务，将 HTML 内容或网页 URL 转换为 PDF 文档，支持页面设置、页眉页脚与安全选项，并可管理文档与模板。
react-19
面向 React 19 的迁移与写法技能，聚焦相对 React 18 的变化：ref 作为 prop、新 Hooks（useActionState、useOptimistic、use、useFormStatus）、Form Actions、文档元数据、资源预加载、自定义元素、水合改进、移除的 API 与 TypeScript 变更，并提供 codemod 迁移命令。
react-useeffect
React useEffect 最佳实践指南，源自官方文档。用于编写或审查 useEffect、使用 useState 处理派生值、数据获取或状态同步等场景。核心观点是“你可能并不需要 Effect”：Effect 是 React 的逃生舱，用于与外部系统同步；若没有涉及外部系统，通常就不应使用 Effect。资料以快速参考表和决策树的形式，对比了派生状态、昂贵计算、属性变化时重置状态、用户事件响应、通知父组件、数据获取等常见情况下的错误做法与正确做法，并说明何时确实需要 Effect（如与外部系统同步、订阅外部存储、分析日志、带清理的数据获取），何时不需要 Effect（如渲染时的数据转换、处理用户事件、派生状态、链式状态更新）。
vue-router
面向 Vue Router 的技能指南，覆盖 Vue 2/Vue 3 路由配置、动态与嵌套路由、命名路由、导航守卫、编程式导航、懒加载和 meta 字段等用法。
vue-router-v3
Vue Router v3 官方文档技能，为 Vue 2 应用提供路由安装、配置、导航模式与 API 参考指引，按官方 Installation、Guide、API 文档组织内容。
web-accessibility
Web Accessibility 是一份面向前端与界面开发的 Web 无障碍与交互规范指南，涵盖 WCAG 合规、语义化 HTML、键盘导航、屏幕阅读器、表单、触控目标和国际化等内容，用于帮助构建对所有用户可用的界面。
syncfusion-winforms-tabcontrol
Syncfusion Windows Forms 控件 TabControlAdv 的使用指南，介绍如何在 WinForms 应用中创建选项卡界面、组织多页内容，并配置外观样式、导航、编辑、拖放、关闭按钮、序列化与事件处理等高级功能。
react-senior-interview
一个交互式 React 面试技能：由 AI 扮演资深 React 工程师，进行 10 道单选题评估。支持初级/中级/高级难度加权，可全维度或聚焦特定主题（状态与数据流、性能渲染、模式等）。每题给出正误与原理讲解，最后输出分数、维度明细、优势、不足与改进建议。
retro-css-architecture
用于组织 8-bit 复古风组件 CSS 的技能方案：通过自定义属性、像素字体和响应式像素尺寸，统一复古组件的样式规范，涵盖暗色模式、像素化图片与样式文件组织。
anygen
AnyGen 是一套 AI 内容创作套件，通过 AnyGen CLI 在服务端生成幻灯片/PPT、文档、图表、网站、图片、研究报告、故事书、财务内容等。需先完成认证，再按工作流技能调用任务操作。
graphify
graphify 可将任意代码、文档、论文或图片文件夹转换为可查询的知识图谱，输出交互式 HTML、GraphRAG 就绪的 JSON 和通俗审计报告，支持社区检测与增量更新。
nextjs-optimization
该技能用于优化 Next.js 15 应用，提升性能与 Core Web Vitals（LCP<2.5s、FID<100ms、CLS<0.1），覆盖 App Router 渲染策略、图片/字体、数据请求、打包、SEO 与生产配置，适用于部署前或新增功能后的性能治理。
postfx-bloom
基于 Three.js UnrealBloomPass 与 React Three Fiber 的泛光/辉光后处理技能，用于实现亮度阈值泛光、选择性泛光、自发光材质与性能优化。
building-react-web-application
面向 Vite + React 单页应用的构建技能，规定统一架构与库栈：TypeScript、Tailwind CSS v4、TanStack Router/Query/Form、Zustand、Axios、date-fns 及 src/ui 下的 shadcn/ui 风格组件，并按入口与任务类型索引参考文档。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
issue-review
面向 GitLab 或 GitHub Issue 的自动多视角评审技能：自动抓取 Issue 上下文、探索相关代码库，由自动选定的专家角色进行三轮评审（开场陈述、辩论、加权收敛），并直接在 Issue 上发布结构化评审评论。仅做分析，不实现代码。
expo-config-setup
Expo 配置专家技能，用于 React Native Expo 项目的 app.json、app.config.js 与 EAS Build 配置，涵盖平台专属设置、环境区分、插件、深链、OTA 更新与通知等配置实践。
frontend-dev
前端开发规范，涵盖 Vue 3 与 TypeScript 编码约定、UI 风格约束、Pinia 状态管理、API 类型安全与错误处理、性能优化、目录与样式管理等，参考 Vue 官方风格指南与 Element Plus 最佳实践。
nextjs-middleware
Next.js Middleware 技能，覆盖 Next.js 15.5/16 的中间件系统，用于在 Edge 或 Node.js 运行时处理请求，包括创建 middleware.ts 或 proxy.ts、配置 matcher、鉴权、重定向、重写、国际化、请求头、Cookie、地理定位与限流等。
android-compose-accessibility
用于让 Android Compose 界面具备无障碍能力的技能，涵盖语义、播报、对比度、焦点顺序与自适应触摸目标，适用于 Compose 无障碍审查、语义问题排查和焦点顺序调整。
react-hook-form
一份针对 React Hook Form 客户端表单校验的性能优化指南，按影响程度分为 8 类共 41 条规则，涵盖 useForm 配置、useWatch 订阅、useController 受控组件集成、校验模式、useFieldArray 动态字段数组、状态管理及第三方 UI 库集成等，可用于新表单编写、代码审查与自动化重构。