Agent Skills Hub

ux-audit-walkthrough

极简 UX/互动审计专家，通过认知负荷与操作效率的视角剖析复杂互动，评估 Figma 原型或网页可用性。

mcp-rails

在 Rails 应用中实现完整的模型上下文协议 (MCP)。支持连接外部 MCP 服务器、将 Rails 应用暴露为 MCP 服务器、通过 Docker 管理子进程，以及 OAuth 2.1 PKCE 认证。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

qa

网页应用程序的浏览器自动化测试技能。执行自动化网站审计、视觉回归测试、用户流程验证，并通过实时浏览器快照进行问题跟踪。

flutter-duit-bdui

整合、修复与除错 Flutter 的 Duit/flutter_duit 后端驱动 UI (BDUI)。支持远程/静态布局、自定义组件、传输管理器以及生命周期除错。

react-ui-patterns

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

ui-styling

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

design-review

设计师级别质量保证：自动检测并修复视觉不一致、间距、层级问题与 UI 打磨。通过前后对比截图进行迭代验证。

core-components

核心组件库与设计系统模式，通过设计令牌 (design tokens) 确保 UI 开发的一致性。

phaser-gamedev

专业级 Phaser 3 游戏开发助手。涵盖场景架构、Arcade/Matter 物理引擎、资源加载管线、精灵动画及网页游戏性能优化。

airiot-frontend

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

icon-set-generator

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