Agent Skills Hub

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。

pellicule

Pellicule 是一个 Vue 原生的程序化视频生成库，让您能够直接从 Vue 组件渲染出确定性的视频、动画与动态图形。

slidev-click-animations

精通 Slidev 中的 v-click、v-after 和 motion 指令，以实现渐进式内容揭露、交互式图表及复杂的演示动画效果。

pinia

Pinia 官方 Vue 状态管理技能。提供关于 Store 定义、响应式处理、类型安全及 Store 间通讯的专业指导。

my-openlayer-helper

使用 my-openlayer 库初始化 OpenLayers 地图、管理图层，并渲染点、线、面及动画标记等地理特征。

nuxt

Nuxt 框架决策辅助层，用于优化项目开发，引导至正确的 Nuxt 套件、Vue 指南或模块特定逻辑。

livewire-development

开发反应式 Livewire 4 组件，处理 wire 指令、状态管理、实时更新、组件测试，并整合 Flux UI 以构建高性能 Laravel 应用程序。

api-integration

使用 Apidog 与 MCP 服务器自动化前端 API 整合。从 OpenAPI 规格生成 TypeScript 类型、TanStack Query 钩子与基于 axios 的客户端，确保 API 使用的一致性与类型安全。

d3js-data-visualization

使用 d3.js 创建交互式自定义数据可视化，包括图表、图形和网络图。适用于需要对视觉元素、转场动画和交互行为进行精细控制的场景。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

web-frameworks

全栈网页开发套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 单体库管理及 RemixIcon 图标库。专为现代 React 开发、高性能构建与可扩展架构设计。

frontend

Preact 与 Tailwind 的前端编码规范。适用于集群应用程序的网页 UI 组件开发。