vercel
在 Vercel 边缘网络上部署和配置应用，适用于部署 Next.js 应用、配置无服务器函数、设置边缘函数和管理 Vercel 项目。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,842 个结果
css-animation-patterns
CSS 动画与过渡技能，涵盖 keyframes、transitions、transform 及滚动驱动动画和 View Transitions API，用于添加动效、页面过渡与滚动联动效果，并强调合成属性性能与 prefers-reduced-motion 无障碍处理。
syncfusion-react-calendar
Syncfusion React Calendar 组件实现指南，涵盖安装、基础用法、受控组件、多选、视图导航、样式与事件等常见任务，并提供参考文档链接与排错提示。目标包为 @syncfusion/ej2-react-calendars。
awesome-design-html
这是一个单文件 HTML 设计参考库，共 118 个自包含页面，用于在生成网页或移动端界面时对照品牌风格。其中包含一张中国传统色色卡页（742 个色名，按色系分组，支持按名称或 HEX 搜索、点击复制 HEX/RGB）；96 个营销落地页示例，覆盖全球品牌（Stripe、Linear、Notion、Apple、Vercel、Figma、Airbnb、Cursor、Claude 等）与中国厂商（飞书、抖音、豆包、阿里云、支付宝、钉钉、语雀、腾讯云、微信、DeepSeek、Kimi、文心一言、通义千问、小米汽车、蔚来、理想、极氪、哔哩哔哩、米哈游、小米、小红书等）；以及 22 个 iOS 应用界面模型（Instagram、Spotify、TikTok、WhatsApp、ChatGPT、Duolingo 等）。每个 HTML 内置品牌配色、字体、圆角与组件规范，并附设计系统参考区。
css-animations
FrameVideo 的 CSS 动画适配器用法说明，介绍如何用 CSS 关键帧、animation-delay、animation-fill-mode 等实现可被时间轴定位的装饰性动画，并说明与 GSAP 的分工、使用限制及校验命令。
website-to-framevideo
Website to FrameVideo 是一个把网站内容转化为视频的工作流协调技能：用户提供 URL 后，它按 7 个步骤抓取站点、提取品牌与内容、生成设计规范、脚本与分镜，并构建 FrameVideo 视频。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。包含 8 大类共 47 条按影响优先级排序的规则，覆盖异步瀑布、包体积、服务端与客户端数据获取、重渲染、渲染性能等，并附错误与正确代码示例。
geo-fix-schema
geo-fix-schema 是一项用于分析网站现有结构化数据并生成可直接使用的 JSON-LD 结构化标记的技能，目的是提升 AI 可发现性与被引用概率，输出可粘贴进站点 <head> 的代码。
univer-pro-integrate
将 Univer Pro（企业级表格、文档与演示引擎）集成到前端项目的技能指南，覆盖协作、导入导出、打印、透视表、图表、迷你图、形状与许可证管理等 Pro 特性，基于 Univer Pro v0.20.x，需配合开源 Univer 核心使用。
angular-cypress
面向 Angular 应用的 Cypress 测试技能，覆盖端到端（E2E）测试与组件测试，基于 Cypress 13.x（2025），提供安装命令、测试编写示例与最佳实践参考。
angular-router
Angular Router 是 Angular 应用的官方路由模块，用于配置导航、守卫、解析器、懒加载与单页应用路由。资料基于 Angular 21（2025）整理，介绍现代函数式守卫、provideRouter 配置及路由输入等用法与限制。
pencil-to-code
pencil-to-code 可将 Pencil .pen 设计稿导出为 React/Tailwind 代码，专注于设计转代码这一件事，输出 React 组件与 Tailwind 主题配置，也支持 Vue、HTML 等目标框架。
make-interfaces-feel-better
一份设计工程原则清单，用于让界面细节更精致。覆盖排版、表面、动画与性能，适用于构建或审查 UI 组件、实现动画与悬停交互。
react-flow-node-ts
用于按既有模式创建 React Flow 节点组件的技能，提供带 TypeScript 类型与状态仓库集成的模板和步骤。
shadcn-vue-skilld
在 Vue 或 Nuxt 项目中添加、配置或调试 shadcn-vue 时使用。覆盖 shadcn-vue CLI 的 init、add、apply、view、search、docs、info 等命令。
earnings_reaction_interpreter_skill
该技能用于财报发布后解读股价涨跌、超预期来源、市场真正交易的分歧及后续观察点，适用于财报夜复盘、次日开盘前判断和会后更新观点。底层数据推荐使用 wind-mcp-skill。
geo-fix-content
geo-fix-content 是一款内容改写技能，逐段分析网站内容并给出改写建议，以提升被 AI 引用、摘录或推荐的可能性。它会消除模糊措辞、补充数据支撑、增强段落自足性并优化结构。
windows-3-1-web-designer
用于把现代 2026 年 Web 应用做成正宗 Windows 3.1 视觉风格的技能，涵盖配色、立体边框、Program Manager 导航、单一窗口控制按钮等设计系统，并给出 AI 助手、移动端与响应式布局的 Win31 化范式。
specsfy-specialist-nextjs
面向 Next.js 的专项技能，用于在 App Router 下实现与审查 Server/Client Components、数据获取、缓存、变更、路由、metadata、安全与部署，并诊断数据瀑布、hydration 不匹配与缓存陈旧问题。
specsfy-specialist-web-accessibility
用于实现与审计 Web 无障碍的专项技能，覆盖 WCAG、语义化 HTML、键盘与焦点、可访问名称、对比度、缩放及辅助技术。适合排查键盘、焦点、读屏器、表单、动态更新等可访问性缺陷。
extension-assets
Extension Assets 是一个用于生成和管理 Chrome 扩展所需全部图标与商店素材的技能。它覆盖扩展图标（16、32、48、128 像素）、工具栏 action 图标（16、24、32 像素）、Chrome Web Store 列表图片（截图、小型/大型/横幅促销图块）以及 public/ 目录结构搭建。工作流支持从 SVG 源图标转换生成多尺寸 PNG，提供 Node.js（sharp）脚本与 ImageMagick 两种转换方式，可生成占位素材，并可选接入 Gemini API 生成图片。该技能强调直接执行工作流而非仅作说明，最后会校验各图标是否存在且尺寸正确，并输出素材生成报告。
alova-client-usage
Alova v3 在浏览器、客户端与 SSR 应用中的使用技能，覆盖 React、Next.js、Vue3、Vue2、Nuxt、React-Native、Expo、Uniapp、Taro、Svelte、SvelteKit、Solid 等框架。介绍请求实例创建、核心与业务策略 Hooks、缓存策略、中间件、Mock、TypeScript 与 SSR 用法。
canvas-page-definition
Drupal Canvas 页面规范（page spec）技能，用于创建、修改、重构、审查、迁移或校验与 Canvas 同步的页面 JSON 文件。适用于 Canvas 渲染的 React 代码库，需先确认项目类型与 pagesDir 配置。
angular-control-flow
Angular Control Flow 是 Angular 17+ 引入的新模板控制流语法技能，涵盖 @if、@for、@switch、@defer，替代 *ngIf、*ngFor、ngSwitch 等旧指令，并提供迁移方式与用法示例。