myvibe-publish
myvibe-publish 是一款用于将静态 HTML 文件、ZIP 压缩包或目录发布到 MyVibe 平台的技能。当用户需要把网页内容发布到 MyVibe 时使用，支持本地文件、目录、URL 导入、版本更新与私有发布等能力。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,869 个结果
jquery
jQuery 是一个快速、小巧、功能丰富的 JavaScript 库，用于简化 HTML 文档遍历与操作、事件处理、动画和 AJAX，API 易于使用且兼容多种浏览器。该技能为 jQuery 开发提供 DOM 操作、事件绑定、AJAX 请求、动画效果及插件开发等方面的辅助。
svelte-runes
Svelte 5 Runes 响应式系统参考技能，覆盖 $state、$derived、$effect、$props、$bindable、$inspect、$host 等符文，用于理解显式响应式写法及从 Svelte 4 迁移，含速查表、示例与深度参考文档。
tanstack-query-best-practices
TanStack Query（React Query）最佳实践技能，覆盖数据获取、缓存、变更与服务端状态同步，按优先级给出查询键、缓存、变更、错误处理、预取、无限查询、SSR、性能与离线支持等规则，适用于构建数据驱动的 React 应用。
figma-portfolio-nextjs
基于 Next.js、TypeScript 与 TailwindCSS 的开发者/设计师个人作品集模板，具有深色主题、紫色渐变、打字动画与响应式布局，可展示项目、经历与技能。
svar-react
SVAR React 是一组以 @svar-ui/react-* 形式发布的 UI 组件包，资料以路由索引方式列出核心组件、菜单、工具栏、布局、表格、编辑器、筛选、甘特图、任务列表、评论和文件管理器等包，并说明各子文件包含导入方式、公开类型、样式钩子与用法示例。
syncfusion-wpf-excel-like-grid
Syncfusion WPF GridControl 的使用指南，介绍这个类 Excel、基于单元格的虚拟表格控件的实现方式，涵盖单元格类型、样式、行列管理、编辑与剪贴板、公式、Excel 导入导出、选择与事件、性能与虚拟化等功能。
web-styling-tailwind
Tailwind CSS v4 技能：以 CSS 优先方式配置的工具类框架，用 @import "tailwindcss" 与 @theme 取代 v3 的指令和 JS 配置，涵盖响应式、暗色模式、自定义工具类与变体、容器查询及 v3 升级要点。
cloudflare-nextjs
介绍如何用 OpenNext 适配器 @opennextjs/cloudflare 将 Next.js（App Router 与 Pages Router）应用部署到 Cloudflare Workers，涵盖新项目脚手架、现有项目迁移、wrangler 与 open-next 配置、D1/R2/KV/Workers AI 绑定、双环境开发流程及常见报错排查。
angular-primeng
面向 Angular 21 与 PrimeNG 的企业级应用开发规范，覆盖 MES、ERP、后台管理与数据密集型场景。内容涉及项目目录结构、PrimeNG 主题配置、常用组件选型、Signals 状态管理、服务层与 API 响应约定、表单与表格实践、Drawer 侧边栏模式及错误处理等。
vue-data-ui-skilld
面向 Vue 3 的数据可视化组件库 vue-data-ui（69 个组件），用于数据叙事。需 vue>=3.3.0，npm i vue-data-ui 并引入 style.css；组件通过 dataset 与 config 两个 prop 配置，支持 SSR、导出图片与 PDF 等功能。
svelte-styling
Svelte CSS 样式模式技能，用于作用域样式、CSS 自定义属性、style: 指令、:global 以及子组件样式。
instantsearch
Algolia 的 InstantSearch 技能，用于按步骤构建生产级搜索体验（自动补全、搜索结果页、分面搜索）。支持 React、Vue 与 Vanilla JS 三种库，强调先发现项目上下文、核对最新文档与类型，再编码和按反模式清单复查。
arco-design-vue
Arco Design Vue 是 Arco Design 面向 Vue 3 的 UI 组件库实现，包名为 `@arco-design/web-vue`。该技能用于在编写 Vue 3 前端代码时提供组件库参考，覆盖安装与配置、主题、国际化、架构约定，以及通用、布局、导航、数据录入、数据展示、反馈等多个分类的组件用法。编写代码时可获得属性、事件、插槽、示例和模式（如表单、表格、弹窗、受控值、响应式设计）等参考信息，帮助构建 Vue 页面、仪表盘或应用。
layout-composition
一套用于网页与 UI 的版式与构图技能，涵盖网格系统、视觉层级、留白和现代 CSS 布局模式（grid、flexbox、bento、容器查询）。适合在排布页面结构、选择网格与响应式策略时使用。
svelte-template-syntax
Svelte 5 模板语法技能，覆盖 {#if}/{#each}/{#await}/{#snippet} 等块级语法、{@render}/{@html}/{@attach} 等模板标签、bind: 绑定、use:/transition:/in:/out:/animate: 指令以及 style:/class 用法，用于编写和理解 Svelte 组件模板。
vue
该技能面向 Vue 3 开发，基于 Vue 3.5，强调始终使用 Composition API 与 `<script setup lang="ts">` 编写单文件组件（SFC）。内容涵盖 Script Setup 宏（defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、泛型）、响应式与生命周期（ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、组合式函数），以及内置组件与指令（Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令）。在偏好设置上，建议优先使用 TypeScript 而非 JavaScript，优先 `<script setup lang="ts">` 而非 `<script>`，在无需深层响应式时用 shallowRef 替代 ref 以提升性能，始终使用 Composition API 而非 Options API，并不鼓励使用响应式 Props 解构。适用于编写 Vue SFC、使用 defineProps/defineEmits/defineModel 等宏，以及组织响应式逻辑与生命周期代码的场景。资料未提供收费、价格、平台或具体效果信息。
frontend-ui-design
用于设计前端 UI 组件的技能，覆盖组件架构、响应式布局、设计系统集成、状态管理与 WCAG 2.1 AA 无障碍要求，强调先发现需求再设计。
explore-recipes
ShipSwift 组件目录浏览技能，用于按分类列出并查看本地 SwiftUI 组件（Recipe），在用户要求 explore、browse、show recipes、list components 时使用，可读出组件源码详情并给出组合建议。
marko-ui
marko-ui 是面向 Marko 6 的 shadcn 风格组件库，交互逻辑基于 Zag.js 状态机，样式使用 Tailwind v4，提供 marko-ui CLI 用于搜索、查看、添加、对比和诊断组件，适合在 Marko 项目中安装和定制可访问组件。
browser-qa
browser-qa 是一个用 Playwright 真实浏览器做前端 QA 的技能，适用于测试前端功能、提交 PR 前验证 UI、部署后冒烟测试或排查视觉问题。它会遍历页面、检查控制台错误与网络失败、测试交互元素和移动端响应性，并输出结构化 QA 报告。
ce-cart-checkout
Commerce Engine 的购物车、结账与支付集成技能，提供托管结账（推荐）与自定义结账两种方案，涵盖购物车增删改、优惠券、积分、地址与履约、支付网关及订单创建。
dexiejs
Dexie.js 技能：为基于 IndexedDB 的离线优先 Web 应用构建和维护数据层，涵盖 Dexie 初始化、schema 与索引设计、事务、响应式读取、版本迁移及框架集成（Vanilla JS、React、Next.js、TanStack Start、Svelte/SvelteKit）。
pinia
Pinia 是 Vue 官方推荐的状态管理库，主打直观易用与类型安全，同时支持 Options API 和 Composition API 两种写法，并提供完善的 TypeScript 支持与开发者工具集成。本技能基于 Pinia v3.0.4（生成于 2026-01-28），围绕实际开发中的常见需求组织内容，涵盖 Store 的定义与使用（state、getters、actions、storeToRefs、订阅）、插件扩展、在 Store 内使用 Vue 组合式函数、Store 之间的组合与循环依赖规避、单元测试（@pinia/testing、mock、stub）、在组件外（如导航守卫、插件、中间件）使用 Store，以及 SSR、Nuxt 集成与 HMR 等进阶主题。适合在 Vue 或 Nuxt 项目中定义和管理全局状态、编写可测试的 Store 逻辑，以及处理服务端渲染下的状态注水等场景。