file-based-routing-for-static-sites
这是一个基于 TypeScript 的静态站点构建方案，通过文件系统目录结构实现多页面路由。项目使用 layout.html 作为布局模板，index.md 或 index.html 作为页面内容，构建时自动合并生成静态 HTML 文件。支持 Markdown 转 HTML、代码高亮、HTML 格式化、静态资源复制以及文件监听增量构建。适合需要快速更新和简单内容管理的多页静态网站。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,948 个结果
multi-touch-canvas-with-flutter
本技能介绍如何在 Flutter 中创建一个支持多点触控的画布，实现平移、缩放与对象交互，并解决常见的手势识别冲突问题。内容涵盖项目搭建、画布控制器、画布对象、输入捕获以及画布偏移与缩放等步骤，最终效果与 widget.studio 中使用的画布渲染逻辑一致。
init-shadcn-docs-nuxt
用于初始化或重建基于 shadcn-docs-nuxt 的组件库/项目文档站，并排查其 Nuxt Content、H3、SSR 水合与生产构建问题。技能以最小可用、快速稳定为目标，分 SKILL.md 流程、references 排错手册、templates 代码模板三层。
arcgis-embeddable-maps
ArcGIS Embeddable Maps 技能，用于在网页中以最少代码嵌入轻量、自包含的地图。基于 @arcgis/embeddable-components 的 arcgis-embedded-map 组件，集成了 WebMap 查看器与可选内置控件（图例、书签、底图库、全屏等），适合只读地图嵌入场景。
markstream-vue2-cli
markstream-vue2-cli 是一个用于在 Vue 2 的 Vue CLI 或 Webpack 4 风格项目中集成 markstream-vue2 的技能。适用于需要兼容 Webpack 4 的配置场景，例如使用 CDN worker 作为 Mermaid 或 KaTeX 的回退方案。该技能指导确认仓库是否属于 Vue 2 加 Vue CLI/Webpack 4 技术栈，按需安装 markstream-vue2 及所需 peer 依赖，在应用外壳中导入 markstream-vue2/dist/index.css，并避免使用 Vite 风格的 ?worker 导入。在需要 worker 时使用 createKaTeXWorkerFromCDN 与 createMermaidWorkerFromCDN。它覆盖了代码块渲染、流式与历史内容切换、平滑流式与淡入淡出配置、html-policy 与 Mermaid 严格模式默认值等主题。
pixel
Pixel 是一个把设计稿图片（PNG/JPG/截图）还原为像素级 HTML/CSS 的智能体技能，通过截图比对验证还原度，并输出设计值提取与差异报告。
syncfusion-maui-toolkit-accordion
该技能用于在 .NET MAUI 应用中实现 Syncfusion Accordion（SfAccordion）手风琴控件，即一种垂直可折叠面板，通过堆叠的标题栏展开或折叠内容。适用于构建可折叠内容区块、员工目录、联系人列表、FAQ 问答、分组设置面板、层级数据展示以及垂直展开面板等场景。支持单项或多项同时展开、通过 BindableLayout 进行数据绑定、自定义动画时长与缓动、颜色与图标等外观定制、展开/折叠事件处理以及程序化滚动控制。技能文档按入门、数据绑定、外观定制、事件交互和高级功能分节提供参考。
syncfusion-maui-toolkit-bottom-sheet
Syncfusion .NET MAUI Bottom Sheet（SfBottomSheet）是一个从屏幕底部滑出的界面组件，让用户在不离开主界面的情况下查看附加信息或执行操作。该技能涵盖状态管理、内容配置、手势支持与外观定制，支持 FullExpanded、HalfExpanded、Collapsed、Hidden 四种状态，可通过 IsOpen 属性及 Show/Close 方法进行程序化控制，并支持数据绑定、滑动展开/收起、模态与非模态显示、颜色尺寸圆角与抓取条样式等自定义。适用于产品详情、信息面板、设置、确认弹窗、部分揭示等移动优先场景。
syncfusion-maui-toolkit-button
该技能用于在 .NET MAUI 项目中实现和自定义 Syncfusion .NET MAUI Button（SfButton）控件。SfButton 在标准 MAUI 按钮基础上提供更丰富的 UI 定制能力，支持图标、背景图片、视觉状态、圆角以及自定义内容。技能内容涵盖安装与初始化、基础与自定义按钮创建、视觉状态（正常、悬停、按下、选中、禁用）、背景图片与自定义内容、点击事件处理、可切换/可勾选按钮、RTL 支持、外观定制（颜色、字体、边框、内边距）以及常见问题排查。资料以文档导航形式组织，分为入门、自定义与样式、视觉状态、高级功能、故障排查五个参考文件，并说明各文件适用的阅读时机。
syncfusion-maui-toolkit-cards
Syncfusion .NET MAUI Cards（SfCards）技能，用于实现可滑出关闭的单卡片视图（SfCardView）与可滑动切换的卡片堆叠（SfCardLayout）。涵盖安装、卡片创建、滑动手势、外观定制、数据绑定、事件处理与视觉效果。适用于需要卡片式 UI、滑动关闭、卡片堆叠导航、点击与关闭事件、基于数据集合动态生成卡片的 .NET MAUI 场景。该技能专用于 Syncfusion 的 SfCardView 与 SfCardLayout 控件，而非通用卡片布局或其他卡片库。
syncfusion-maui-toolkit-carousel
Syncfusion .NET MAUI Carousel（SfCarousel）技能，用于在 .NET MAUI 应用中实现可交互的轮播控件，支持浏览图片数据或内容集合。该技能涵盖安装与 NuGet 配置、Handler 注册、数据绑定与直接添加项、线性与默认（3D）视图模式、动画时长控制、加载更多、UI 虚拟化以及滑动与选择事件处理，适合构建图片画廊、产品展示等场景。
syncfusion-maui-toolkit-getting-started
本技能介绍 Syncfusion® .NET MAUI Toolkit 的入门知识，涵盖安装、跨平台能力、系统要求与开发环境配置。该工具包基于微软 .NET MAUI 框架，提供 20 多个专业 UI 组件，支持单一代码库部署到 Android、iOS、macOS（Mac Catalyst）和 Windows（WinUI 3）。内容包含通过 NuGet 安装、主题配置、平台支持与版本矩阵、.NET 版本兼容性、开发环境搭建、跨平台开发基础以及组件生态概览，并附有快速开始清单。
syncfusion-winui-calendar
Syncfusion WinUI Calendar（SfCalendar）是用于 Windows 桌面应用日期选择的控件，支持单选、多选和范围选择，并提供视图导航、日期限制、本地化、周数显示、模板定制与键盘无障碍支持。本技能为开发者提供该控件的实现指南，涵盖入门配置、选择模式、导航与显示、日期限制、本地化与格式化、UI 定制、周数等主题，并附有 XAML 与 C# 的快速开始示例和常用模式代码。
syncfusion-winui-calendar-date-range-picker
Syncfusion WinUI CalendarDateRangePicker（SfCalendarDateRangePicker）控件用于在桌面应用中通过下拉日历选择连续日期范围。它提供触摸友好的日期范围选择界面，支持多种日期格式、日期范围限制、预设项、周数显示、本地化以及丰富的 UI 自定义选项。该技能面向需要在 WinUI 应用中安装、配置和使用该控件的开发者，涵盖程序化设置选中范围、处理范围变更事件、限制可选日期、屏蔽特定日期、限制范围时长、自定义下拉对齐与模板、应用主题、支持多种日历系统与语言、RTL 布局、显示预设范围、显示周数、控制视图导航以及校验日期范围等场景。
syncfusion-winui-slider
Syncfusion WinUI Slider（SfSlider）是用于桌面应用数值选择的交互式 UI 控件技能。它让用户在一个数值区间内选择单一数值，支持设置最小值和最大值、当前值、间隔，并可通过标签、刻度、分隔线、工具提示等视觉元素提供反馈。控件支持水平或垂直方向布局，可反转方向，可启用或禁用，并提供值变化事件处理。该技能涵盖从创建 WinUI 3 桌面应用、安装 Syncfusion.Sliders.WinUI NuGet 包、导入命名空间到基础初始化的完整流程，同时提供标签格式化、刻度样式、分隔线、滑块拇指与工具提示、轨道自定义等详细配置文档，适用于音量调节、价格筛选、设置面板、图像编辑、测量工具、评分系统和缩放控制等场景。
website-ui-ux-engineer
这是一个面向网站与 Web UI 设计开发的智能体技能，定位为资深前端工程师与 UX/UI 设计师，用于把用户需求转化为完整、可部署的前端代码。它覆盖端到端前端开发、UX/UI 设计、技术栈选型、基础技术 SEO 与质量保障，强调无占位符、无 TODO 的完整交付。工作流程包括澄清需求、收集上下文、建立设计系统、搭建技术栈、移动优先实现、质量校验与构建交付，并附带可访问性、性能、SEO、安全等检查清单。它不负责后端开发、原创插画与品牌设计、营销文案及深度 SEO 营销。
static-page-stack
为优雅、可控、语义化的静态 HTML 页面（仪表盘、事后复盘、技术调查报告等）提供 2026 年 SOTA 技术栈建议，涵盖作者工具、视觉系统、图表与图示等层面，并给出决策流程和迁移方案。
gluestack-components
gluestack-components 是关于使用 gluestack-ui 组件库构建界面的技能知识。gluestack-ui 是一套面向 React 与 React Native 的通用组件库，提供 50 多个无样式且注重可访问性的组件，可同时运行在 Web 与移动端。组件以复制粘贴方式加入项目，并通过 NativeWind（React Native 的 Tailwind CSS）进行样式化。该技能覆盖组件组合方式、variant 变体、size 尺寸、action 语义色、状态（如加载、禁用）、可访问性属性以及平台差异处理等内容，并给出 Button、Input、Select、Modal、Toast、Accordion、Checkbox、Radio 等组件的示例代码。组件可通过 CLI 安装，例如初始化项目、添加单个或多个组件，或一次性添加全部组件。适用于在 React / React Native 跨平台项目中快速搭建一致、可访问的用户界面，也提供了表单校验、数据列表等常见模式与最佳实践。
radix-primitives
Radix Primitives 是一套无样式、可访问的 React 组件原语，用于构建高质量设计系统。它提供对话框、弹出层、下拉菜单、工具提示、选择器、标签页等基础组件，内置键盘导航、焦点管理、ARIA 属性与屏幕阅读器支持。通过 asChild 属性可实现多态渲染，避免多余包裹元素；通过 data 属性暴露组件状态，便于配合 CSS 或 Tailwind 进行样式定制。适合构建自定义可访问组件、理解 shadcn/ui 底层实现，以及实现模态框、菜单、提示等复杂 UI 模式。
web-vue
web-vue 是面向 Vue 3 现代前端开发的技能，覆盖 Composition API、Pinia、Vue Router 4、单文件组件、Vite 与 Nuxt 3，帮助构建交互式 Web 应用并支持状态管理、路由与 SSR。
flutter-mcp-toolkit-maintain-web
flutter-mcp-toolkit 的 Web 维护技能，用于维护 flutter_test_app 与 intentcall 的 Web 目标，涵盖 Chrome 运行、Web 代码生成（codegen）、WebMCP 引导（bootstrap）、web-showcase 启动以及 webmcp 验证等流程。适用于编辑 web/index.html、执行 WebMCP 相关初始化、同步多平台代码生成产物、以及在 Chrome 上进行运行时校验等场景。技能文档说明了 WebMCP 与 VM MCP 两条验证路径的区别，提供了 make web-showcase、codegen sync、init intentcall-platform、validate-runtime 等可复现命令，并列出重复工具名、CDP 探测不一致、WS_URI 过期等已知问题。
export-standalone
将 HTML 产物打包为单个自包含文件，所有 CSS、JS、图片以内联 data URL 形式嵌入，可离线使用。依赖 monolith CLI（brew install monolith）。
frontend-layered-architecture
用于前端架构边界与分层：明确代码归属、目录角色、文件放置、导入方向、UI/组件抽取、API 与数据契约等，防止业务规则、API 调用、URL 状态等逻辑渗入不合适的目录。
react-native
React Native 移动开发技能，涵盖核心组件、React Navigation 导航、平台特定代码、原生模块、性能优化与生产发布清单，面向使用 TypeScript 构建 iOS/Android 应用的开发者。