Agent Skills Hub

data-storytelling

将原始数据转化为引人入胜的叙事，运用可视化策略、叙事框架与说服性结构，协助分析师进行高管汇报与数据决策。

react-ui-patterns

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

design-system-implementation

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

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 构建响应式 React 仪表板。适用于制作 KPI 卡片、数据表格、Recharts 图表及 event-studio 管理后台。

User Story Writing

使用标准的“As a/I want/So that”框架编写结构良好的用户故事，并包含清晰的验收标准，以确保敏捷团队的一致性。

user-stories

编写符合 INVEST 原则的用户故事与 Given-When-Then 验收标准，帮助开发团队精准定义需求。

swift-ui

适用于原生 iOS 与 macOS 开发的 SwiftUI 架构与实现模式，专注于状态管理、视图组合与数据持久化。

css-modules

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

frontend-accessibility-best-practices

React 应用程序的无障碍最佳实践与模式，确保符合 WCAG 标准，优化语义结构并提供包容性的用户体验。

ui-design-system

专业 UI 设计系统工具包，涵盖设计代币生成、组件架构、响应式设计计算及开发人员交接文档，确保视觉一致性。

airiot-frontend

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

frontend-app-design

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