eleventy
用于构建以内容为中心的静态网站，基于 Eleventy（11ty）。适用于创建模板（.njk、.liquid）、使用数据级联、集合，以及部署静态站点。默认零 JavaScript、输出纯静态 HTML，并支持多种模板语言。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-30 00:12
前端与建站
11,292 个结果
forms
一个以 HTML 优先、纯 CSS 校验反馈为核心的表单构建技能，围绕 <form-field> 自定义元素组织 label、控件与 <output> 校验消息，强调不依赖 JavaScript 的可用性与无障碍访问。
icons
Icons 技能用于在网页与界面中统一、可访问地添加图标。它要求始终使用 <icon-wc> Web Component 来展示图标，而不是内联 SVG，从而保证尺寸一致、自动处理无障碍、使用优化的缓存 SVG、并让图标颜色通过 CSS 的 currentColor 继承。图标默认来自 Lucide 图标库，以本地 SVG 文件形式存放；也支持自定义图标集。该技能适用于图标按钮、导航图标、状态指示、切换开关、操作按钮、社交分享图标等任何视觉指示或图标场景。使用前需安装 lucide-static 并同步图标，也可运行 /scaffold-icons 完成脚手架搭建。图标通过 name 属性指定，支持 size 预设（xs、sm、md、lg、xl、2xl）、set 切换图标集、label 提供无障碍标签、base-path 覆盖路径。
javascript-author
用于编写 Web Components 原生 JavaScript 的技能，遵循「函数式核心 + 命令式外壳」架构，规范纯函数、副作用、依赖注入与命名导出等写法，适用于创建交互组件和前端 JS 文件。
metadata
用于编写或审查 HTML head 元数据的技能，覆盖 SEO、社交媒体分享、性能提示与爬虫控制，提供必填标签、元素顺序、分类清单及多页面类型配置模板，并含校验命令与常见错误提示。
observability
面向 JavaScript 应用的观测性技能，用于在生产环境实现运行时报错追踪、性能监控与用户问题反馈。资料涵盖全局错误处理、错误上报、组件错误边界、Web Vitals 指标采集、网络重试与离线检测，以及用户反馈组件；不涉及具体后端或收费信息。
open-props
Open Props 是一套无需构建步骤的 CSS 自定义属性（design tokens）集合，提供间距、颜色、阴影、渐变、动画、缓动、边框、宽高比与字体等预设变量，可在现代浏览器中直接使用，支持按需导入或复制数值。
performance
一个面向 HTML 页面性能优化的技能，用于改善加载速度与 Core Web Vitals（LCP、INP、CLS）。涵盖资源提示、图片与字体加载、CSS/JS 加载策略、第三方脚本、缓存建议与性能检查清单。
print-styles
用于编写打印友好样式表的技能，基于 @media print 处理可打印页面、发票、收据和文章等。移除导航、广告和交互元素，重置背景与颜色，设置字号字体、页边距、分页规则、链接 URL 显示、表格防断行和图片尺寸，并提供测试方法。
sanity-cms
用于把 Sanity 无头 CMS 集成到内容驱动站点：在 Sanity Studio 中定义结构化内容模式，通过 Sanity API 与客户端查询数据，并接入 Astro 或 11ty 进行构建时取数，支持图片处理、Portable Text 渲染与草稿预览。
site-scaffold
用于生成标准化静态站点结构的技能，可创建带 SEO、PWA 与无障碍基础的新网站或演示站点目录。资料同时给出 HTML、CSS、JavaScript 模板与各配置占位变量，以及 robots.txt、sitemap.xml、manifest.json、错误页和 security.txt 的写法要求。
state-management
面向 Web Components 的纯 JavaScript 客户端状态管理模式，无需框架即可实现状态同步、响应式更新与撤销/重做。
typography
该技能提供一套 CSS 排版模式，用于创建易读、美观的文本。内容涵盖字号比例、层级、垂直节奏、字体搭配，以及 text-wrap、悬挂标点、OpenType 特性等现代 CSS 文本能力。
vue-best-practices
面向 Vue 3 与 Vue.js 的 TypeScript 最佳实践技能，配合 vue-tsc、Volar 使用，在编写、审查或重构 Vue 组件时提供类型检查与工程化规则。
react-router-v7
React Router v7 全栈开发与 SSR 最佳实践技能，覆盖基于文件的路由、loaders/actions 数据流、Form 与 fetcher、鉴权跳转、错误边界、TanStack Query 集成，以及 Vite 框架模式下的目录结构与运行命令。
vue-ai-apps
vue-ai-apps 是一个面向 Vue 3 与 Nuxt 的 AI 应用搭建技能，聚焦于使用 Vercel AI SDK 在 Vue/Nuxt 前端实现 LLM 与智能体功能。其核心内容包括：流式聊天界面、Vercel AI SDK（ai 与 @ai-sdk/vue）、useChat、工具调用（tool calling）、结构化输出（structured output）、中止与错误处理等。该技能假定开发者已掌握 vue-best-practices 中的基础（组合式 API、<script setup lang="ts">、组合函数），并在此基础上展开 Vue 侧的集成工作，模型层（streamText、tool、provider）仅以形状示例呈现，实际核心 API 需参照 AI SDK 官方文档。技能强调若干原则：API Key 仅存于服务端、浏览器不直连模型提供商；服务端负责流式返回、客户端增量消费，不阻塞等待完整响应；渲染消息的 parts 而非 content 字符串；UI 状态由 status 状态机驱动而非布尔值。技能覆盖 v5+ API，并给出确认技术栈、构建流式聊天 UI、按需添加工具调用与结构化输出能力、处理中止与错误、最终自检等步骤。适合需要为 LLM/智能体功能构建 Vue/Nuxt 前端的开发者参考。
vue-jsx-best-practices
该技能聚焦 Vue 中 JSX 语法的使用规范，重点说明 Vue JSX 与 React JSX 的差异，例如 class 与 className 的写法区别，以及 JSX 插件的配置方式。它适合在将 React JSX 代码迁移到 Vue，或遇到属性类型报错时参考，帮助开发者按 Vue 的约定正确书写 JSX。
vue-options-api-best-practices
Vue 3 Options API 最佳实践技能，围绕 data()、methods、this 上下文及 TypeScript 集成，逐条给出仅用 Options API 的解决方案与常见陷阱说明。
vue-pinia-best-practices
Pinia 状态管理最佳实践与常见陷阱集合，涵盖 Store 设置、响应式、状态模式等主题。含 getActivePinia 启动报错、setup store 未返回全部 state 导致 DevTools/SSR 缺失、解构 store 失去响应式、store 方法在模板中丢失上下文、筛选状态无法刷新后保留或共享，以及大型应用是否使用 Pinia 等场景提示。
vue-router-best-practices
Vue Router 4/5（Vue 路由）最佳实践与常见陷阱整理，涵盖导航守卫、路由参数、基于文件的路由以及路由与组件生命周期的交互，适合使用 Vue Router 构建单页应用的开发者参考。
vue-testing-best-practices
面向 Vue.js 测试的实践指南，涵盖 Vitest 4、Vue Test Utils、组件测试、mock、测试模式及 Playwright 端到端测试，并针对常见测试问题给出对应做法。
traditional-chinese-humanizer
将繁体中文草稿改写为面向台湾读者的自然、精确文字，去除 AI 味、空泛修饰、翻译腔与无据宣称，同时保留原意、事实与语气。可独立使用，也可从 OpenPress 写作流程加载。
rdc-react
@data-client/react 的 hooks 使用技能，涵盖数据获取、订阅、缓存读取与变更操作。
rdc-react-testing
用于测试 @data-client/react 的测试技能，基于 renderDataHook 提供 Jest 单元测试、fixtures、拦截器、mock 响应、nock HTTP mocking、hook 与组件测试能力。