sgds-templates
sgds-templates 是 SGDS Web Component 生态中的整套现成页面模板集合，参照 shadcn Blocks 的视觉模式，覆盖运营外壳、管理仪表盘、目录筛选、登录、表单、关于我们、落地页与博客内容页等，帮助开发者无需从零编写布局代码即可搭建页面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,840 个结果
baoyu-markdown-to-html
将 Markdown 转换为带内联 CSS 的样式化 HTML，适配微信公众号等平台，支持代码高亮、数学公式、Mermaid（经无头 Chrome 渲染为 PNG）、PlantUML 等。
frontend
面向现代前端开发的技能资料，涵盖 React、Vue 与 Web 技术，讲解组件模式、自定义 Hooks、状态管理、Next.js App Router、样式方案、性能优化、组件测试，以及常见陷阱与正则校验规则。
angular-services
Angular 服务开发技能，聚焦 @Injectable、依赖注入与业务逻辑服务。适用于 Angular 21（2025），涵盖 providedIn、inject() 函数、工厂提供者、懒加载服务及组件中注入复用等最佳实践。
wcag-ai-skill
将 WCAG 2.2 成功标准转化为可执行的无障碍实践指南，覆盖网页设计、前端实现、内容审查、无障碍 QA、修复规划与合规文档等环节；需通过 npx skills add Raze-Systems/wcag-ai-skill 安装。
extension-ui
Extension UI 是一个用于构建 Chrome 浏览器扩展界面的技能，覆盖 popup、sidepanel、options 页面等场景。它会先检测项目框架（React、Vue、Svelte 或原生）与已有 UI 文件，再分析现有界面的布局、间距、配色、暗色模式与无障碍情况，并给出改进建议。随后按框架推荐 UI 技术栈，例如 React 搭配 shadcn/ui 与 Tailwind、Vue 搭配 DaisyUI、Svelte 搭配 svelte-headlessui、原生使用 CSS 变量。实现阶段按优先级修复暗色模式、尺寸约束、小面积排版与间距、键盘导航与 aria、加载/错误/空状态以及动画。技能还提供扩展各界面尺寸限制、Chrome 风格配色、字体与动画规范、无障碍检查清单等参考文档。
no-pointer
Remotion Studio 的无指针交互样式规范：可点击控件使用 cursor: default 而非 pointer，通过共享类与样式函数实现悬停效果，并保留键盘焦点指示。
frontend-internationalization-best-practices
面向 React Router 框架模式的国际化最佳实践技能，基于 remix-i18next，覆盖中间件检测、语言存储、类型安全与客户端/服务端同步，适用于配置语言、中间件、资源路由或语言切换。
vercel-ai-elements
该技能为 Vercel AI Elements 提供完整文档，覆盖 23 个 React 组件，用于配合 Vercel AI SDK 构建对话式 AI 界面，按消息、会话、输入交互、内容展示、AI 处理与高级功能六类组织，包含安装、用法、Props 与集成示例。
axiom-swiftui-containers-ref
SwiftUI 容器参考文档，覆盖 iOS 14 至 iOS 26 的堆栈、网格、大纲视图与滚动增强，含容器选型对照表、常用代码模式与性能建议。
angular-performance
面向 Angular 应用性能优化的技能，覆盖变更检测、包体积、懒加载与运行时性能。基于 Angular 21（2025），提供无 Zone 变更检测、@defer 延迟视图、信号响应式等新特性及 OnPush、track、懒加载等最佳实践。
frontend-god-mode
frontend-god-mode 是一个面向前端设计与构建的 AI 技能，用于创建、重设计、打磨、审计、动画化或修复任意前端界面，强调有意图的排版、配色、布局与动效，避免通用 AI 风格输出。
search-params
TanStack Router 的 search params 技能：把 URL 查询参数当作 JSON 优先的应用状态，自动解析为数字、布尔、数组、嵌套对象，并通过 validateSearch 校验，支持 Zod/Valibot/ArkType 适配器、fallback()、搜索中间件与自定义序列化。
tailwind-patterns
Tailwind CSS v4 的 CSS-first 配置与设计模式参考，涵盖 @theme 主题变量、容器查询、响应式断点、暗色模式、布局、色彩、排版、动画、组件抽取与反模式等原则。
form-validation-architect
面向 React 的端到端表单处理技能，结合 react-hook-form 与 Zod 模式，覆盖校验规则、错误提示、字段数组与多步向导，适合复杂表单、异步校验、自动保存等生产级场景。
svelte
Epicenter 的 Svelte 5 开发规范技能，覆盖 runes、组件生命周期、workspace 状态与 TanStack Query 用法，适用于编辑 .svelte、.svelte.ts 或 Svelte UI 状态时参考。
async-components
介绍 Vue 中异步组件加载以优化性能的技能：用 defineAsyncComponent() 配合动态 import() 按需加载体积较大、首屏不需要的组件，可配置加载中与错误组件，需注意不适合小体积或首屏可见组件。
react-virtuoso
react-virtuoso 是一个 React 虚拟化组件库，只渲染大列表、网格和表格的可见部分，并通过 ResizeObserver 自动测量条目尺寸，支持可变高度而无需手动配置。
frontend-design
frontend-design 是一个用于设计或实现前端 UI（组件、页面、布局、样式）的技能，在缺少更专门的前端技能时使用，目标是产出独特、生产级且符合品牌一致性的界面。
tailwind
这是面向 HyperFrames 作品的 Tailwind CSS v4.2 浏览器运行时使用技能，适用于用 `hyperframes init --tailwind` 创建或编辑的项目。该技能明确将运行时固定为 @tailwindcss/browser@4.2.4，按 Tailwind v4 而非 v3 处理，并强调该技能仅针对 CLI 生成的 composition HTML，不适用于内部仍使用 Tailwind v3（tailwind.config.js、PostCSS、@tailwind 指令）的 packages/studio。技能涵盖何时使用、版本契约、v4 的 CSS-first 规则（@theme、@utility）、避免 v3 的 @tailwind 指令、HyperFrames 组合模式、动态类安全、视频渲染防护以及验证与调试清单。
tufte-report
tufte-report 是一个用于生成 Edward Tufte 风格独立 HTML 数据报告与信息图仪表盘的 Claude 技能，强调高信息密度、极简图表装饰与排版优先；文本用 EB Garamond，数字用 Monaspace Argon，图表用 Chart.js。
codeck-review
codeck 工作流中的 @review 评审角色：打开已渲染的 HTML，逐页视觉检查，修复 custom.css 或 slides.html 中的局部问题，并通过 build-html.sh 重新构建。
protractor-skill
用于为 Angular/AngularJS 应用生成 Protractor 端到端测试的 Agent Skill，支持 JS/TS。注意：Protractor 已于 2023 年停止维护，官方建议改用 Playwright 或 Cypress。
xss-html-injection
面向授权安全测试的客户端注入检测技能，用于系统排查 Web 应用中的存储型、反射型与 DOM 型 XSS 及 HTML 注入缺陷，验证输入过滤与输出编码机制，并演示会话劫持、凭据窃取等影响。仅限获得书面授权的评估、防御验证或受控教学环境使用。