Agent Skills Hub

design-references

提供 UI 审阅的预定义设计系统参考，涵盖 Material Design 3、Apple HIG、Tailwind UI、Ant Design 及 Shadcn/ui 等。

ui-design-system

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

server-components

Next.js React Server Components (RSC) 指南，涵盖服务器与客户端组件边界、数据获取及组合模式。

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

design

协作式 UI 设计、线框图绘制与 Tailwind 优先的代码优化，打造独特且高质量的界面，避免生成式 AI 的通用设计模式。

frontend-app-design

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

persona

一个 AI 驱动的框架，用于从零开始打造独特且真实的个人作品集网站。引导 AI 代理完成研究、设计与实施，构建具备个人特色的专业网站。

frontend-design-pro

打造价值 $50,000 美元级别的专业前端界面，提供生产级代码、精选排版与高质量影像素材整合。

web-design-guidelines

审查 UI 代码以符合 Web 界面准则。自动检查可访问性、设计标准及 UX 最佳实践。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

figma-design-to-code

使用 TemPad Dev MCP 将 Figma 设计转换为符合项目规范的 UI 代码，精确处理标记、样式与设计标记整合。