Agent Skills Hub

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

webf-quickstart

开始使用 WebF 开发：设置 WebF Go，初始化基于 Vite 的 Web 项目（React/Vue/Svelte），并在符合 W3C 标准的本机运行时中预览应用程序。

vue-typescript

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

frontend-design-review

评估、审核并构建具有高质量设计、符合无障碍标准及设计系统规范的生产级前端界面。

pinia

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

icon-set-generator

为网站和应用程序生成具备一致视觉风格、线条粗细与密度的专业 SVG 图标集，打造独特的品牌 UI 识别。

roier-seo

AI 技术 SEO 审计工具，执行 Lighthouse/PageSpeed 测评并自动修复网站性能、无障碍网页与结构化数据等代码问题。

testing-frontend

自动化前端组件测试、用户交互模拟、API 模拟，以及设置 Vitest、React Testing Library 与 Vue Test Utils。

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

web-component-design

掌握 React、Vue 和 Svelte 的组件驱动开发。学习进阶组合模式、CSS-in-JS 策略及用于可扩展 UI 设计系统的组件 API 设计。

frontend-design

构建具有独特风格、生产级品质的前端界面与网页组件，强调高美学品质，并避免通用的人工智能设计模式。