hreflang-check
用于审计多语言、多地区网站的 hreflang 标签实现，检查自引用、双向引用、语言地区代码、x-default、重复代码、绝对 URL 与 URL 一致性，并给出修正代码片段。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,873 个结果
tanstack-router-best-practices
TanStack Router 最佳实践技能，面向 React 应用的类型安全路由、数据加载、搜索参数与导航，按优先级给出规则分类与快速参考。
error-tracking-react
用于在 React 应用中接入 PostHog 错误追踪（error tracking）的技能，参考安装、指纹、告警、监控、问题分配与 source maps 上传等文档，并给出环境变量、最小改动、自动捕获优先等实践原则。
better-design-shadcn-themes
Better Design 为 shadcn/ui 提供 31+ 套可直接安装的主题设计系统（如 Linear、Stripe、Apple、Notion 等），每套约 89 个组件，可用 shadcn CLI 单独按需安装到已有项目，均为 MIT 许可。
telegram-mini-app-skill
框架无关的 Telegram Mini App 开发指南，覆盖 Telegram Web App SDK、主题变量、MainButton、触觉反馈、存储、全屏模式、数据校验与安全等通用概念，并附框架集成示例。
arcgis-core-maps
该技能用于在 JavaScript 项目中创建 ArcGIS 二维地图与三维场景，基于 ArcGIS Maps SDK for JavaScript。可用于初始化地图、场景、视图与导航。支持两种开发方式：一是 Map Components（Web Components，使用 <arcgis-map> 与 <arcgis-scene>），二是 Core API（使用 Map、MapView、SceneView 类）。技能内容涵盖 ESM 直接导入与通过 $arcgis.import 的动态导入、TypeScript 中的自动转换（autocasting）与显式类写法、CDN 引入方式、WebMap/WebScene 加载、导航组件与槽位、地图属性与方法、视图配置与程序化导航、事件处理等。适用于生产应用、快速原型与演示等场景。
frontend-design
一个用于设计与实现生产级前端界面的技能，涵盖设计系统、响应式布局、可访问性组件与深色模式。适用于让 AI 智能体输出 HTML、CSS（含 Tailwind CSS）及 React、Vue、Svelte 等框架组件代码。
syncfusion-aspnetcore-grid
Syncfusion ASP.NET Core Grid 是用于在 ASP.NET Core 应用中展示和操作表格数据的组件，支持数据绑定、分页、排序、筛选、分组、编辑、导出、滚动模式及行列自定义等丰富功能，可高效处理任意规模数据集。
devup-ui
Devup UI 是一个基于 Rust + WebAssembly 预处理器在构建时提取样式的零运行时 CSS-in-JS 库，提供 @devup-ui/react 及 Next.js、Vite、Rsbuild、Webpack、Bun 等打包器插件，支持 styled() API、响应式数组、devup.json 主题与 RSC。
designing-layouts
面向现代 CSS 的响应式布局技能，覆盖 Grid、Flexbox、容器查询、移动优先断点与间距系统，用于搭建后台仪表盘、卡片网格、瀑布流、分屏面板等界面，并含断点生成与无障碍校验脚本。
spline-3d-integration
将 Spline 3D 场景集成到 React、Next.js 或原生网页的技能，提供可靠的嵌入方式、运行时 API 用法与性能安全默认值，并覆盖常见加载与性能问题的排查。
nextjs-i18n
面向 Next.js 16 的国际化技能，覆盖 next-intl 或 DIY 字典两种方案、[locale] 路由、语言切换、日期数字货币与相对时间格式化、RTL、hreflang 与本地化错误页。
astro-dev
面向 Astro 项目的开发技能，用于编辑 .astro/.mdx 文件、astro.config.*、内容集合、客户端指令、Actions/表单、Tailwind CSS、视图过渡与服务端特性，强调以项目已安装版本和本地约定为准。
conducting-spearphishing-simulation-campaign
面向授权红队与安全测试的鱼叉式钓鱼模拟技能，覆盖OSINT画像、诱饵设计、载荷构建、邮件基础设施配置、活动执行与结果统计，并映射MITRE ATT&CK。仅限获得书面授权的测试与教学用途。
service-worker
Service Worker 技能：介绍服务工作线程的生命周期、Workbox v7.4 缓存策略、后台同步、推送通知与静态路由，并提供注册、预缓存、离线回退、更新管理等实用模式与常见错误参考。
react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类 40+ 条按影响优先级排序的规则，用于编写、审查和重构 React/Next.js 代码。
paddle-checkout-web
在 Next.js（App Router）应用中集成 Paddle Checkout 的技能，支持 overlay 弹窗与 inline 内嵌两种形式，涵盖初始化、事件监听、客户信息预填、动态行项目更新与支付后跳转。仅客户端使用，需配合 webhook 与订阅同步。
claude-code-design-ai
基于 Claude AI 的 UI/UX 设计框架，可将设计截图转换为 React 组件、生成 Tailwind CSS 样式并构建设计系统。
tanstack-ai-vue-skilld
面向 Vue 3 的 TanStack AI 组合式函数技能，用于编写或调试导入 @tanstack/ai-vue 的代码，涵盖 useChat、createChatHook 及图像、音频、语音、视频等生成类 composable。
nextjs
Next.js 16 App Router 性能优化指南技能，由 Next.js 社区维护，包含 8 大类共 40 条按影响优先级排列的规则，用于指导自动化重构与代码生成。
site-specification
从简单描述中提取网站规格，用于指导 WordPress 主题生成。可分析用户描述及提供的图片、图片链接或文档，推断站点类型、受众、语气、品牌关键词、布局与排版，并输出结构化规格供用户确认。
ckeditor
用于在任意 JavaScript 项目中安装、配置与排查 CKEditor 5 富文本编辑器的技能，覆盖 npm、CDN、ZIP 三种安装方式，支持原生与 React、Vue、Angular、Next.js、Nuxt 等框架，并区分免费与付费功能及许可证设置。
web-design-guidelines
用于检查网页界面是否符合 Web Interface Guidelines 的技能：通过静态代码分析与浏览器可视化检查，审查 UI 与无障碍问题，适用于 React/Vue/Angular/Svelte、Next.js/Nuxt/SvelteKit 及静态站点。
uniappx-uview-pro
用于在 UniAppX 项目中集成与配置 uView Pro 的综合技能，涵盖安装、easycom、pages.json 与 manifest.json 配置、导航路由、平台差异处理（H5、小程序、App、nvue）以及构建优化，并提供模板与 API 参考。