Agent Skills Hub

tailwind-design-system

利用 Tailwind CSS v4 构建可扩展的设计系统，包含 CSS 优先配置、设计标记、组件变体与响应式模式。

design-system-implementation

强制执行 UI 严格遵守项目设计系统的标记、组件与布局规范，以确保前端开发的一致性。

api-spec-analyzer

分析 OpenAPI 规范以生成 TypeScript 接口、API 服务模式及实现指南，协助前端开发人员进行后端集成。

nextjs-app-router

Next.js 13+ App Router 开发专家，支持 Server Components、嵌套布局、Suspense 流式渲染以及进阶数据获取模式的应用开发。

static-site-generation

用于管理静态网站生成器 (SSG) 项目的框架，涵盖 Astro、构建优化、GitHub Pages 部署模式以及类型安全的内容集合架构。

i18n-expert

自动化 React/TS 代码库的 i18n 设置、字符串提取与本地化对齐审核。提供框架感知配置、自动化审核脚本与安全的字符串替换，确保无缝的本地化流程。

pellicule

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

react-patterns

实现 React 19 模式：React Compiler、Server Actions、表单与新 hook（如 'use'）。指导在 Actions 与 TanStack Query 之间进行变更处理的决策。

acceptance-testing

规划、执行用户验收测试 (UAT) 与端到端场景，验证需求是否符合用户可见的行为表现。

my-openlayer-helper

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

project-guidelines-example

项目专属的架构指南模板，提供生产级 AI 应用程序的标准化结构、代码模式、测试要求及部署工作流程。

react-native-state

精通 React Native 状态管理，涵盖 Redux Toolkit、Zustand、TanStack Query 及 AsyncStorage 数据持久化。