vue-creater
vue-creater 是一套用于快速搭建高保真 Vue 3 应用的技能工具，基于 Vite 8 与 Tailwind 4，支持通过 DSL 与 Tokens 实现设计驱动的工作流，提供默认、Nuxt 管理后台、Electron 三种项目模板。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,943 个结果
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免通用“AI 味”审美。适用于构建 Web 组件、页面或应用，并输出可运行代码。
iblai-invite
iblai-invite 是 ibl.ai 技能，用于在 Next.js 应用中添加用户邀请功能，包括按邮箱或用户名邀请新用户的对话框，以及展示待处理邀请及其状态（已接受、待处理、已过期）的对话框。
rn-skia
React Native Skia（@shopify/react-native-skia）最佳实践与性能指南，涵盖 GPU 加速 2D 图形、60fps/120fps 动画模式、自定义着色器与渲染优化，适用于 React Native 0.79+、React 19、Reanimated v3+。
ui-styling
UI Styling 是一个用于创建美观、可访问用户界面的技能，结合 shadcn/ui 组件（基于 Radix UI 与 Tailwind）、Tailwind CSS 实用优先样式以及基于 canvas 的视觉设计系统。它适用于使用 React 框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件、采用实用优先 CSS、创建响应式移动优先布局、实现暗色模式与主题定制、构建设计系统、生成视觉设计或品牌材料、快速原型以及添加复杂 UI 模式等场景。核心栈包括组件层 shadcn/ui、样式层 Tailwind CSS 和视觉设计层 Canvas。提供 CLI 安装、组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置、视觉设计系统以及 Python 自动化脚本等参考与工具。
moli-webfetch
moli-webfetch 是基于 Moli 命令行工具的技能，用于抓取、检查和截图实时 JavaScript 渲染网页，支持 Markdown、JSON、截图、PDF 等多种检索形态，适用于需要当前网页内容、事实查询和链接研究的场景。
multi-chart-draw
支持多种图表类型的绘图工具，可生成 Mermaid、ECharts、思维导图、DrawIO、GeoGebra 等图表，并导出为 PNG、SVG、HTML 等格式，适用于流程图、数据可视化、架构图与数学函数图等场景。
htmx-expert
htmx-expert 是一个面向 htmx 开发的技能，用于在实现 AJAX 交互、构建超媒体驱动应用、调试请求/响应流程、将 SPA 模式转换为 htmx 方案、理解 htmx 事件与生命周期、配置扩展以及实施安全措施等场景中提供指导。htmx 通过扩展 HTML 属性直接调用现代浏览器能力，服务器返回 HTML 片段而非 JSON。该技能涵盖 hx-get、hx-post、hx-trigger、hx-target、hx-swap、hx-indicator 等核心属性，事件处理，配置项，扩展加载，调试方法，渐进增强，以及必须通过 HTTP 服务运行（不支持 file://）等开发环境要求。
tailwind-coder
用于在 Rails 视图中应用 Tailwind CSS 样式的技能，通过工具类与响应式设计模式，配合 Rails 视图辅助方法完成界面样式编写。
motion
Motion（包名 motion，前身为 framer-motion）是面向 React 的动画库，提供声明式 API，用较少代码实现复杂动画。它支持手势（拖拽、悬停、点击、平移、聚焦）、滚动动画（视口触发、滚动联动、视差）、布局动画（FLIP 技术、共享元素过渡）、弹簧物理、SVG（路径变形、线条绘制、属性动画）以及退出动画（AnimatePresence）。性能方面支持硬件加速与 ScrollTimeline API，包体积可按需优化：完整 motion 组件约 34 KB（压缩+gzip），LazyMotion + m 组件约 4.6 KB，useAnimate mini 约 2.3 KB，useAnimate hybrid 约 17 KB。依赖 React 18+ 或 React 19+，原生支持 TypeScript。适用于拖拽排序、滚动揭示、共享元素过渡、SVG 动画等场景；简单列表增删动画建议改用 auto-animate，3D 动画建议使用 Three.js 等专用库。
siteleaf
Siteleaf 是一款基于 Git 的静态站点 CMS，面向偏用静态生成器的开发者与设计师，提供友好的内容编辑与站点管理界面。本技能通过 Membrane CLI 与 Siteleaf 交互，管理站点、用户等数据。
unity-observer-pattern
Unity 观察者模式资源，将普通变量包装为可观察的“智能属性”，支持 C# 监听器与 UnityEvent，可用于解耦数据、UI 与逻辑。
html
通过 ht-ml.app 的托管 API 即时发布单页 HTML 文档的技能，无需账号或注册。每次发布获得独立子域名公开 URL，创建时返回一次性 update_key 用于后续更新与上传资源，支持密码保护与内容安全扫描。
hyperframes-to-remotion
将 HyperFrames HTML 合成迁移为 React Remotion 代码的工作流技能，提供概念映射表与迁移步骤，适用于把 HTML/GSAP 时间线改写为帧确定性的 Remotion 组件。
converting-css-modules-to-tailwind
该技能用于将 CSS Modules（.module.css / .module.scss）迁移为 Tailwind 工具类。它覆盖 styles 对象引用的移除、className 插值、composes 组合、clsx/classnames 条件类名、动态类名选择、:global 全局覆盖以及 SCSS 嵌套、变量、mixin 等模式的转换，并包含删除模块文件、更新 barrel 导出、搜索残留引用和视觉回归验证的清理步骤。
flutter-markdown-view-with-material-3
这是一个关于在 Flutter 中使用 Material 3 文本与颜色样式自定义 Markdown 组件的技能说明。资料提供了一段完整的 Flutter 代码示例，展示如何基于 flutter_markdown、go_router、markdown 与 url_launcher 等依赖，构建可选中文本、支持链接跳转、GitHub 风格扩展及 Emoji 语法的 MarkdownView 组件。代码通过读取 Theme 的 colorScheme 与 textTheme，为段落、标题、列表、引用、代码块、表格、分隔线等元素设置样式，并支持 textScaleFactor 缩放。适用于需要在 Flutter 应用中呈现风格统一、与 Material 3 主题一致的 Markdown 内容的开发者。资料未提供安装命令、平台范围、收费情况及使用效果等更多信息。
stitch-loop
stitch-loop 是一个面向智能体的前端构建循环技能，教智能体使用 Stitch 以“接力棒”式的自主循环模式迭代搭建网站。每次迭代从 .stitch/next-prompt.md 读取当前任务，用 Stitch MCP 工具生成页面，将其集成进站点结构，再把下一个任务写回接力棒文件，从而让多轮或多智能体协作持续进行。它依赖 Stitch MCP Server、Stitch 项目以及 .stitch/DESIGN.md 和 .stitch/SITE.md 等上下文文件，可选配合 Chrome DevTools MCP 做视觉验证。适用于需要纪律化、可交接的多步骤前端站点构建场景。
syncfusion-aspnetcore-circular-chart-3d
该技能面向 Syncfusion ASP.NET Core 的 3D 圆形图表（3D Circular Chart）组件，指导开发者在 ASP.NET Core 应用中实现、配置和自定义饼图与圆环图。内容涵盖从基础安装与 NuGet 包配置、标签助手与脚本引用，到饼图/圆环图系列渲染、半径与内半径设置、数据标签、图例、工具提示、标题与副标题、空数据点处理，以及打印与导出（JPEG、PNG、SVG、PDF）等交互功能。适合需要以 3D 形式展示比例数据的场景，如市场份额、预算构成、调查结果、状态分布、销售业绩和仪表盘分析等。
syncfusion-aspnetcore-datepicker
Syncfusion ASP.NET Core DatePicker 组件使用指南，围绕 Tag Helper 语法介绍日期选择器的实现方式。内容涵盖弹出日历、日期范围约束（最小/最大日期）、自定义日期格式与多格式输入、严格模式校验、键盘导航、事件处理（Created、Change、Blur、Focus、Open、Close）、与 ASP.NET Core DateTime 模型的双向绑定、全球化与本地化（150+ 区域性日期格式）、RTL 支持以及主题与样式自定义。适用于在 ASP.NET Core 应用中构建预约系统、日程安排或注册表单等日期输入场景。
syncfusion-aspnetcore-multiselect
本技能是 Syncfusion ASP.NET Core UI 组件中 MultiSelect（多选下拉框）的完整实现指南，通过标签助手（Tag Helper）语法在 ASP.NET Core 应用中构建支持多选的高级下拉组件。主要能力包括：多值选择、过滤与搜索、复选框模式、数据绑定（本地数组或远程数据源）、模板自定义、按类别分组、排序、已选项以可移除标签（chip）形式展示、自定义值、虚拟滚动（应对 1000+ 项列表）、级联多选以及 WCAG 2.2 无障碍支持。文档按主题分为入门、标签助手语法、数据绑定、过滤与搜索、模板与自定义、高级功能、无障碍等章节，并提供快速上手示例与常见用法模式（字符串数组、对象数组、复选框模式、带过滤选择）。关键属性涵盖 dataSource、fields-text、fields-value、placeholder、allowFiltering、filterType、mode、maximumSelectionLength、fields-groupBy 等。适用于管理后台角色选择、电商分类筛选、团队成员分配、内容标签等场景。
syncfusion-aspnetcore-sankey
Syncfusion ASP.NET Core Sankey Chart 技能用于在 ASP.NET Core 应用中构建交互式桑基图（Sankey Chart），以节点和连线展示类别之间的加权流向与关系。节点代表实体，连线粗细与流量值成比例，适合流程、供应链、能源分配等需要可视化流量大小的场景。技能提供 API 参考、快速入门、节点与连线样式、标签与图例、外观主题、事件交互、方向与 RTL、打印导出、无障碍等文档指引，并给出基础示例与常见模式代码。
syncfusion-aspnetcore-sparkline
该技能用于在 ASP.NET Core 应用中创建 Sparkline（迷你图）组件，属于 Syncfusion ASP.NET Core UI 组件技能集。Sparkline 是一种紧凑型数据可视化图表，无坐标轴，占用空间极小，适合仪表盘与表格集成。组件支持五种图表类型：折线图、柱状图、面积图、胜负图和饼图，并提供标记（高、低、起点、终点、负值）、数据标签、范围带、工具提示和跟踪线等视觉与交互增强。技能涵盖 API 参考、入门配置、图表类型、数据功能、外观主题、用户交互以及无障碍与部署等文档。使用方式为在 ASP.NET Core 项目中安装 Syncfusion.EJ2.AspNet.Core NuGet 包，配置 TagHelper 与脚本管理器，然后在 Razor 页面或 MVC 视图中通过 <ejs-sparkline> 标签绑定数据源并设置类型。适用场景包括财务仪表盘、KPI 监控、数据表格内嵌趋势、状态报告和移动端仪表盘。限制方面，资料仅涉及与 ASP.NET Core 的集成，未提供其他平台支持、授权收费或性能数据。
syncfusion-aspnetcore-spinner
本技能介绍如何在 ASP.NET Core 应用中使用 Syncfusion 的 Spinner（加载指示器）组件，在异步操作期间显示加载状态、提供进度反馈并阻止用户与目标区域的交互。内容涵盖入门安装与资源引入、创建与显示隐藏指示器、选择不同主题类型、样式定制以及自定义模板等主题。
syncfusion-aspnetcore-switch
本技能用于在 ASP.NET Core 应用中实现 Syncfusion Switch（开关/切换按钮）组件，适合为表单输入或状态管理创建开/关、启用/禁用、是/否等布尔值切换控件。内容覆盖 TagHelper 注册与 NuGet 包安装、创建首个 Switch、设置 on/off 标签；属性配置（checked、disabled、name、value、onLabel、offLabel、change、cssClass）及与 ASP.NET Core 模型的数据绑定；通过 change 事件处理状态切换、随表单提交 Switch 值和服务器端验证；使用 CSS 类（wrapper、handle、inner）与主题（Material、Fabric、Bootstrap）、Theme Studio 自定义外观；以及调整尺寸、RTL 支持、拦截状态变更、条件禁用等进阶模式。适用于用户偏好设置、功能开关、表单选项与同意项、管理端控制、订阅状态切换等场景。组件基于 TypeScript/JavaScript，支持键盘导航并遵循 WCAG 无障碍标准。