Agent Skills Hub

ui-styling

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

maps

为开发者提供的交互式地图网页应用构建指南，涵盖 MapLibre GL JS 设置、地理定位 API 及自定义图块来源。

screenshots

使用 Playwright 自动为 Web 应用程序生成高质量、HiDPI 的营销截图。

visual-design-foundations

建立一致的视觉系统，包含设计代币、模块化排版系统、8点间距网格及无障碍色彩规范，以提升 UI 开发的一致性。

ux-designer

专注于 UX/UI 精细化的工程代理，用于识别错误、优化可用性，并确保工作流程应用程序界面的完美效能。

mobile-app-ux

移动应用 UX/UI 设计指南，涵盖触控友好界面、导航模式、手势操作及小屏幕界面优化。

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

mobile-android-design

掌握 Material Design 3 与 Jetpack Compose 进行原生 Android 界面开发。利用 Google 最新标准构建响应式且无障碍的应用程序界面。

tailwind-config

管理 monorepo 中的 Tailwind CSS 配置、自定义设计令牌、主题与设计系统工具。

react-email

使用 React 组件构建并发送响应式 HTML 电子邮件模板。提供可视化编辑器、渲染引擎，并与各大电子邮件客户端兼容。

react-native-design

精通 React Native 样式、导航与 Reanimated 动画。构建高性能、跨平台的原生体验移动应用。

frontend-design

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