html-playground
用于构建单文件交互式 HTML 探索器的技能，带可视化控件、实时预览与可复制的自然语言提示，也可生成当前任务的交互式 HTML 报告（debrief 模式）。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,968 个结果
maui-ui-best-practices
该技能为 .NET MAUI 应用定义推荐的 UI/UX 模式、布局策略、样式约定、无障碍规则与性能指南，帮助智能体在 Android、iOS、Windows 和 MacCatalyst 上生成一致、可维护、响应式且易访问的 XAML 与 C# UI 代码。核心原则包括简洁优先、一致性、响应式、无障碍与性能。规则分为布局与结构、样式与主题、控件与组件、无障碍、性能五类，存放于 rules/ 目录，在生成 UI 代码时应用。
add-favicon
为文档站、前端站点或 monorepo 内多个站点补全或重做本地 favicon.svg，并配置浏览器实际读取的 icon link。默认采用 Iconify/Lucide 线性风格，透明背景、最多两色、无文字，重点保证 16px 标签页可读。
shopify
Shopify 平台开发技能指南，覆盖应用、扩展、主题与 API 集成。核心组件包括 Shopify CLI、GraphQL Admin API（推荐）、REST Admin API（维护模式）、Polaris UI 设计系统与 Liquid 模板语言。扩展点涵盖 Checkout UI、Admin UI、POS UI、客户账户与主题应用扩展。提供从安装 CLI、初始化应用、生成扩展、本地开发到部署的完整命令流程，并包含 GraphQL 商品查询、React 结账扩展、Liquid 商品展示等示例代码，以及 API 使用、安全、性能与测试方面的最佳实践。
bootstrap-forms
Bootstrap 5.3 表单技能，用于在用户询问 Bootstrap 表单、表单控件、输入框、下拉选择、复选框、单选按钮、开关、输入组、浮动标签、表单布局与校验状态时提供参考。内容涵盖文本输入、尺寸、禁用与只读、文件输入、颜色选择器、文本域、帮助文本、select、datalist、复选框与单选、开关、内联与反向布局、切换按钮、范围滑块、输入组、浮动标签以及垂直与水平表单布局等。
bootstrap-utilities
Bootstrap Utilities 是 Bootstrap 5.3 提供的实用工具类集合，用于在不编写自定义 CSS 的情况下快速完成页面样式。它涵盖间距（margin/padding）、显示、文本、Flexbox、背景、文字颜色、边框、阴影、尺寸、定位、溢出、透明度、可见性、z-index、对象适配、交互、浮动、垂直对齐和链接等类别，并支持响应式与打印变体。所有工具类通过 Sass 的 Utilities API 生成，可自定义、扩展或移除，默认带 !important。
sveltekit
SvelteKit 是一个面向 SvelteKit 应用级开发的技能，聚焦路由（+page/+layout/+server）、load、表单动作、hooks、认证、cookies、失效（invalidation）、SSR、水合（hydration）与导航等应用层与路由层行为。其核心目标是让路由与数据流在 SSR、水合、导航和渐进增强下保持正确，强调边界划分与最短的正确实现。当任务难点在于应用级或路由级行为时使用该技能；若主要涉及组件内部、runes、snippets、局部状态或样式，则应改用 svelte 技能。
artifacts-builder
用于构建复杂多组件 claude.ai HTML 制品的工具套件，基于 React 18、TypeScript、Vite、Parcel、Tailwind CSS 与 shadcn/ui，可将前端项目打包为单个自包含 HTML 文件。
syncfusion-angular-dialog
Syncfusion Angular Dialog 组件技能，用于在 Angular 应用中实现对话框（Dialog）。该技能覆盖完整 API，支持模态与非模态对话框、确认弹窗、对话框内表单、可拖动与可调整大小的窗口、9 种内置定位、动画效果、模板自定义、无障碍（WCAG 2.2 AA）与键盘导航，并提供从入门到高级模式的参考文档与代码示例。
syncfusion-maui-toolkit-time-picker
Syncfusion .NET MAUI TimePicker（SfTimePicker）是用于 .NET MAUI 应用的时间选择控件，通过可滚动界面让用户选择时间值。该技能介绍如何在 XAML 或 C# 中添加并配置 SfTimePicker，包括时间格式设置、选择器模式、时间间隔、时间限制、事件与 MVVM 命令、外观定制以及无障碍与本地化支持，适合需要在 .NET MAUI 中实现时间选择、时间输入 UI 的开发场景。
frontend-architecture
用于 TypeScript 前端代码编写、审查与重构的技能，框架感知但不绑定具体项目。适用于 React 组件、Astro 或 Next.js 应用、共享 UI 包、客户端状态、类型化 API 客户端与表单等场景。
memos
memos 是一个用于通过 REST API 管理自托管 Memos 实例的技能，支持创建、列出、更新、删除备忘录，以及评论、表情回应、附件和关联操作。
agentic-ui-development
@ant-design/agentic-ui 的开发流程与规范说明，涵盖仓库约定、常用命令、项目结构、组件清单及新增组件的步骤，适合上手开发、添加组件或排查问题时参考。
avonni-lwc-components
用于在 LWC 组件（HTML、JS、CSS）中集成 Avonni 组件的技能，通过 Avonni MCP 的 lwc 工具集发现、配置并校验组件，涵盖属性、事件、类型、插槽与样式钩子解析。
threejs-r3f
面向 Three.js 与 React Three Fiber 的 3D 网页开发技能，覆盖 R3F v9（React 19）与 pmndrs 生态，含版本约束、安装命令、场景初始化、常用 Drei 辅助组件、GLTF/GLB 资源加载与性能优化规范。
nextauth
面向 Next.js 的 NextAuth.js 认证技能，涵盖提供商、会话与回调。适用于为 Next.js 应用接入登录认证。
no-ai-slop
no-ai-slop 是一套用于构建、生成或审查网站、Web 应用与移动端 UI 的规则集，目标是让界面看起来经过刻意设计，而非 AI 或模板批量生成。它通过通用反套路清单与风格方向两层规范，约束字体、配色、布局、组件、图像、文案、动效与响应式表现。
coreeb-fullstack
coreeb-fullstack 是一套面向 Next.js（App Router）全栈项目的开发协议技能，规定模块化四层架构、coreeb UI 组件库优先、pnpm 包管理、逻辑与 HTTP 调用分层等强制规则，用于约束 AI 代理按统一规范生成代码。
shadcn-ui
提供 shadcn/ui 组件库的完整使用模式，涵盖安装、配置与可访问 React 组件的实现。组件以复制方式进入项目，基于 Radix UI 与 Tailwind CSS，支持主题定制、表单校验与图表。
univer-integrate
将 Univer 表格、文档或幻灯片集成到 React、Vue 3、HTML 或 Node.js 项目中的技能，基于 Univer 1.0.0-beta.0，介绍预设/插件模式选择、初始化、Facade API 用法与版本、主题、多实例等注意事项。
tailwind-best-practices
Tailwind CSS 最佳实践技能，由 Evil Martians 构建，用于在代码库增长时保持可维护性：用设计令牌替代魔法值、精简类名列表、统一类名排序、避免滥用 @apply，并约束设计系统组件的任意类名传参。
remix-v2-meta-sessions
该技能聚焦 Remix v2 应用的元信息（Meta/SEO）、会话（Sessions）、鉴权（Auth）与 CSRF 防护，适合在需要处理文档 head、Cookie 会话、鉴权门禁或 CSRF 保护时使用。核心要点包括：v2 的 meta 导出返回描述符对象数组，而非 v1 的对象结构；需在 root.tsx 的 <head> 内放置 <Meta /> 与 <Links />；会话变更必须手动将 commitSession 作为 Set-Cookie 头附加到响应；鉴权推荐在 loader/action 中通过 requireUserId 抛出 redirect；CSRF 需自行实现，推荐使用 remix-utils/csrf 搭配独立的签名 Cookie。触发关键词包括 meta 导出（v2）、cookie 会话、鉴权门禁、CSRF 等。
remix-v2-perf-ssr
Remix v2 性能优化技能文档，涵盖流式渲染、HTTP 缓存、预取与服务器/客户端边界。适用于配置 Cache-Control 头、仅服务端模块、hydration 安全与 Link 预取时参考。
remix-v2-routing
Remix v2 路由模式参考技能，用于实现 flat-routes v2 约定、路由文件命名、嵌套布局、资源路由以及 root.tsx 脚手架。该技能针对 app/routes/ 目录下的文件名规则提供速查表，例如 _index.tsx 对应根路径、concerts.$city.tsx 映射为 /concerts/:city、files.$.tsx 映射为 /files/*、($lang)._index.tsx 表示可选段、sitemap[.]xml.tsx 用于转义字面量、concerts_.mine.tsx 用于退出布局嵌套等。内容涵盖：文件命名约定（点号生成 URL 斜杠与父子嵌套、下划线前缀标记无路径段与 index 路由、末尾下划线退出布局嵌套、方括号转义字面字符、美元符号作为 splat、圆括号表示可选段）；嵌套布局（父模块渲染 Outlet，子路由依据点分文件名自动挂载）；动态段与 Splat（$name 捕获单段，$.tsx 捕获剩余路径，splat 值通过 params["*"] 访问）；Root 模块（app/root.tsx 是唯一必需路由，承载文档外壳）；资源路由（无默认导出的路由模块返回原始 Response）。提供布局与扁平 URL、UI 路由与资源路由、_index.tsx 与 index.tsx 的决策门与 v1/v2 约定对比表。