Agent Skills Hub

components-build

根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。

livewire-development

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

design-system-patterns

掌握设计系统架构：实现设计标记 (design tokens)、多品牌主题、组件库以及自动化设计转代码流程，建立可扩展的 UI 基础。

svelte-runes

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

core-principles

React 19 单页应用开发的架构治理与项目标准，确保技术栈集成、项目结构与代理执行规则的一致性。

frontend

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

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

nextjs-app-router

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

frontend-app-design

构建独特、高品质的 React Native Expo 界面，运用液态玻璃设计与 iOS 人机界面准则，打造工业级移动应用。

airiot-frontend

官方 AIRIOT 开发套件，用于构建基于 React、TypeScript 与 shadcn/ui 的应用程序，并集成实时平台功能。

angular-forms

使用实验性的 Angular v21+ Signal Forms API 构建响应式且类型安全的表单。支持自动双向绑定、基于架构的验证以及细粒度的字段状态管理。