diff-viewer
diff-viewer 是一个只读查看器，用打包脚本把当前工作区的 git diff 渲染成浏览器可读的 HTML 报告，支持统一/并排视图、主题与语言切换、逐词差异高亮和行级批注，但不做代码审查，也不产出审查结论。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,959 个结果
maui-hot-reload-diagnostics
用于系统性诊断和排查 .NET MAUI 热重载问题的技能，覆盖 C# 热重载、XAML 热重载与 Blazor Hybrid，并涉及 XAML、MauiReactor、C# Markup 等多种 UI 写法。
og-image
用于生成社交媒体预览图（Open Graph）并配置元标签的技能：分析项目现有设计系统，创建 1200×630 的专用 OG 图片页面，用 Playwright 截图保存到 public 目录，并配置 Open Graph、Twitter/X 等 meta 标签。
tanstack-charts
用于构建、审查、调试、迁移或规划 TanStack Charts Alpha（0.18.x）图表的技能，覆盖 @tanstack/charts 及其 React、scales、tooltip 等子路径，强调 Alpha 阶段需锁定精确版本并核对最新文档。
mercadopago-subscriptions
在 React + Supabase Edge Functions 技术栈中实现 MercadoPago 定期订阅（preapproval 计划）的技能，覆盖创建、取消、改套餐、换卡、暂停与恢复等完整生命周期，所有 MercadoPago API 调用均在服务端完成。
uniapp-frontend
面向 uni-app 跨平台前端开发的技能指南，基于 Vue 3 与 TypeScript，覆盖新建项目与页面、集成 uView Plus 等 UI 库、主题系统设计、构建命令、数据请求、导航、生命周期、平台判断、Pinia 状态管理与 API 封装，并附常见问题排查与最佳实践。
ionic-angular
一份面向 Ionic + Angular 移动应用开发的 SKILL 规范文件，指导构建 Capacitor 生产级应用，涵盖独立组件、懒加载路由、Signals、引导页、付费墙、设置页、标签导航与原生插件集成。
landing-page-generator
面向 Claude Code 的技能：从任意仓库的文档与结构自动分析并生成完整、可直接部署的落地页静态站点（HTML+CSS+JS），含 GitHub Pages 部署工作流，支持风险横幅、定价表、截图库等选项。
nextjs-tanstack-form
用于在 Next.js 16 中结合 TanStack Form v1 构建表单的技能，涵盖 Server Actions、Zod 校验、多步向导与动态字段数组，并给出 SOLID 文件组织方式及与 React Hook Form 的对比。
tailwindcss-backgrounds
Tailwind CSS v4.3 背景工具技能参考，用于设置背景色、线性/径向/锥形渐变、背景图片、定位、尺寸与混合模式，含 OKLCH 调色板与主题配置扩展说明。
tailwindcss-transforms
Tailwind CSS v4.3 变换、过渡与动画工具类的技能参考，涵盖缩放、旋转、位移、倾斜、变换原点，以及过渡时长、缓动、延迟与 @keyframes 动画，用于悬停缩放、加载旋转、错峰延迟等效果。
stitch-shadcn-ui
将 shadcn/ui 集成到由 Stitch 设计生成的 React 应用中的技能，涵盖组件发现与安装、与 Stitch 设计系统的 token 对齐、用 shadcn 组件替换原始 HTML 元素，以及自定义与无障碍注意事项。
stitch-swiftui-components
将 Stitch 移动端界面、本地 HTML 或 URL 转换为原生 iOS SwiftUI 视图的技能，提供 VStack/HStack/ZStack 布局映射、颜色语义令牌、Xcode 工程结构与无障碍、动画实践。
ops-browser
ops-browser 是一个浏览器操作类技能，用于在既有任务授权范围内操作浏览器页面并采集运行时证据，而非编辑前端源码。它强调先确认目标、授权与副作用边界，再执行有界操作。
ai-sdk-ui
ai-sdk-ui 是 Vercel AI SDK v5 的 React 前端 Hook 集合，提供 useChat、useCompletion、useObject 三个 Hook，用于构建 AI 聊天、文本补全和流式结构化数据界面。需配合 React 18+ 与 Next.js 14+ 使用。
vercel-blob
介绍如何将 Vercel Blob 对象存储（@vercel/blob）集成到 Next.js 及其他 Vercel 应用，涵盖服务端 put 上传、客户端直传、列表、下载、删除、流式与分片上传，并列出常见错误与规避方法。
youtube-downloader
基于 yt-dlp 的视频与音频下载技能，可从 YouTube 及 1000+ 网站下载视频、音频、播放列表和频道内容，支持画质选择、格式转换、字幕下载、直播录制、批量下载与元数据提取。
color-contrast-checker
一个自动激活的前端开发技能，用于处理颜色对比度检查相关任务，可在请求中提及“color contrast checker”时触发，提供分步指导、最佳实践、代码与配置生成及结果验证。
fluxui-development
用于在 Laravel 项目中使用 Flux UI 免费版组件开发界面的技能，涵盖按钮、表单、模态框、输入框、下拉框等组件，并说明可用组件、图标用法与常见注意事项。
website-cloner
用于从指定 URL 克隆网站并生成改进版的六阶段编排技能，采用 Vite + React + shadcn/ui + Tailwind CSS 构建，可部署到 GitHub Pages，主打更好的性能、UI/UX、SEO 与安全，适合端到端整站重建。
schema-markup
这是一个用于实现结构化数据标记的技能（skill），基于 JSON-LD 格式和 Schema.org 词汇表，帮助网页获得 Google 富媒体搜索结果（rich results）。当用户需要为页面添加结构化数据、FAQ schema、Product schema、Article schema、面包屑导航标记，或希望页面获得富摘要资格、调试 Google Search Console 中的结构化数据错误、将 JSON-LD 集成到 Next.js、Nuxt、Astro 等框架，以及为特定内容类型选择合适 schema 类型时触发。核心原则包括：始终使用 JSON-LD 格式（Google 推荐，优于 Microdata 和 RDFa）；只标记页面上用户可见的内容；结构化数据只提供富结果资格，不直接提升排名；每次部署前必须验证；每页一个主类型加辅助类型。提供 Product、FAQPage、BreadcrumbList、Article/BlogPosting、Organization/LocalBusiness、HowTo 等类型的代码示例，以及 Next.js App Router 集成方式。包含常见陷阱和反模式说明，并引用了 schema-types-catalog.md 和 validation-testing.md 两个参考文件。
vite
该技能用于操作 Vite 工具链本身，覆盖项目发现、配置与插件行为、环境变量加载、开发服务器诊断、生产构建以及资源与部署边界。它强调先发现再修改：读取 package.json、锁文件、vite.config.*、tsconfig*.json、脚本、框架插件与部署假设，并从锁文件识别包管理器，不臆造命令。通过 scripts/vite-doctor --json 采集 Node、包管理器、Vite 包、配置与环境证据，避免以文档版本代替实际安装版本。配置需保持显式，审查 root、base、resolve.alias、plugins、server.host/port、preview、build.outDir、build.rollupOptions 与 define，并提醒 define 和 import.meta.env 属于编译期公开数据，禁止把密钥放入 VITE_* 变量或客户端包。构建前需使用项目既有脚本并设置超时，检查输出与警告，再在部署 base 路径下验证。安装包、改配置、删输出、启服务器或改部署设置前需确认目标、范围与回滚路径。常见工作流涵盖新项目或迁移、配置变更、环境问题、开发服务器问题、构建问题与部署问题。适用场景为 Vite 项目运维与排障；不适用于前端组件架构、基础设施与 CI、浏览器自动化、无障碍审计及非 Vite 打包器迁移。
baseline-ui
Baseline UI 是一套用于 Tailwind CSS 项目的界面基线约束，旨在防止 AI 生成的界面出现常见问题。它校验动画时长、强制排版规范、检查组件可访问性并阻止布局反模式。
vunor
Vunor 是一个 Vue 3 + UnoCSS 设计系统与组件库，包含 presetVunor 主题预设和 30 多个基于 Reka UI 的无障碍组件，全部通过 UnoCSS 类样式化，无 CSS 文件。