Agent Skills Hub

ui-implementer

根据 Figma 或设计稿实现 UI 组件，提供像素级精确度、智能设计验证与自适应代理切换功能。

server-actions

Next.js Server Actions 专家技能，涵盖 App Router 中的表单处理、数据变更、重新验证以及乐观 UI 更新。

music-theory-visual-design

Harmonic Orbit 音乐理论应用程序的视觉设计与 UI 样式指南，涵盖字体、配色系统、间距、动画及无障碍设计标准。

solana-dev

Solana 开发整合式技能中心，具备多代理协调、渐进式技能加载，并深度整合 Anchor、Token-2022、DeFi 协议与安全审计功能。

pix

一个自动化的 UI 实现代理，利用 Figma MCP 和浏览器渲染验证，将 Figma 设计转换为像素级精确的代码。

visual-design-foundations

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

react-native

React Native 开发最佳实践，适用于 Expo 与原生项目。涵盖项目结构、路由导航、NativeWind 样式、平台特定代码及 TypeScript 整合。

tamagui-best-practices

Tamagui 库架构、配置、编译器优化与组件模式的最佳实践。

dynamic

专为 bkend.ai BaaS 设计的全栈开发代理。自动化项目初始化、身份验证、数据库配置及 Next.js 应用程序 API 集成。

vercel-composition-patterns

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

react-router-data-mode

使用 React Router 的数据模式 (data mode) 开发 React 应用程序，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。

ynab-api

通过 API 管理 YNAB 预算、追踪支出并自动化财务报告。支持记账、目标监控及自动化预算分析功能。