Agent Skills Hub

svelte-runes

Svelte 5 Runes 专业指南：涵盖反应式状态 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及迁移策略。协助开发者避免常见反应式设计错误。

svelte-deployment

专业 SvelteKit 部署指南，涵盖生产环境构建、静态/Node/Cloudflare 适配器、Vite 配置及函数库开发最佳实践。

svelte-code-writer

用于 Svelte 5 文档查询与代码分析的 CLI 工具。通过实时文档检索与自动修复功能，优化 Svelte 组件的开发、调试与检查流程。

svelte-testing

Svelte 5 测试专家，运用 vitest-browser-svelte 与 Playwright。提供单元测试、SSR 与 E2E 测试模式，并附带供 AI 助手使用的 CLI 工具以检索测试示例。

qstash-js

使用官方 Upstash QStash JavaScript/TypeScript SDK 来管理无服务器消息传递、任务调度与 Webhook 验证。

migrate-to-vinext

Next.js 项目自动化迁移工具，将其转换为 vinext（基于 Vite 的 Next.js 实现），包含兼容性扫描、依赖项替换与配置文件生成。

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

d3js-data-visualization

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

tanstack-router

TanStack Router 配置、基于文件的路由以及 React 应用的类型安全导航。

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

css-modules

基于 Lightning CSS 或 PostCSS 的 CSS Modules 组件封装策略，包含 TypeScript 集成与 Vite 配置。