Agent Skills Hub

mobile-ios-design

精通 iOS 人机界面指南 (HIG) 与 SwiftUI。提供原生 iOS 应用程序开发、界面设计、SwiftUI 组件实现与 Apple 平台设计原则的专业指导。

nano-banana-pro

使用 Google Gemini 3 Pro 模型生成与编辑图像、图表和信息图表。支持文本转图像、风格转换及数据准确的视觉化创作。

vercel-composition-patterns

用于构建可扩展 React 代码库的组合模式。适用于重构复杂组件、构建灵活的组件库，以及应用复合组件模式或 React 19 架构变更。

react-state-management

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

browser-debugger

使用 Chrome DevTools MCP 和 AI 视觉模型进行 UI 测试、设计一致性验证及浏览器调试。

native-app-performance

通过 xctrace 进行原生 macOS/iOS 应用程序性能分析，并在无需开启 Instruments UI 的情况下进行命令行热点分析。

api-connector

整合 REST API 以管理身份验证、执行 HTTP 请求并在开发工作流程中无缝处理 JSON 响应。

bdg

专为 AI 代理设计的终端浏览器自动化工具，通过 Chrome DevTools Protocol 提供对浏览器导航、DOM 操作、网页爬取及网络监控的持久性直接控制。

seo

通过技术 SEO、Meta 标签设置、结构化数据与 Sitemap 管理，优化网站搜索引擎可见性，提升抓取效率与搜索排名。

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库，包含颜色、字体、间距与阴影的标准化设计规范。

landing-page-conversion-audit

对落地页进行结构化的 8 要素转化率优化 (CRO) 审计，识别转化阻碍并提供增长建议。

creating-mermaid-diagrams

生成兼容 GitHub 的 Mermaid 图表，包含经测试的配色方案、本地 SVG/PNG 预览以及基于 Gist 的渲染预览。