Agent Skills Hub

frontend-app-design

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

dev-checker

用于提交前与部署前检查的自动化代码质量验证工具，涵盖 TypeScript、构建与 lint 检查。

shadcn-vite-iconify-landing-page

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

design-system-implementation

强制执行 UI 严格遵守项目设计系统的标记、组件与布局规范，以确保前端开发的一致性。

components-build

根据 components.build 规范构建现代化、可组合且易于访问的 React UI 组件。适用于设计系统、组件库及可重用 UI 架构的开发与维护。

figma-design-to-code

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

react-email

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

frontend-ui-animator

为 Next.js、Tailwind CSS 和 React 应用程序分析并实现实用且具目的性的 UI 动画，重点在于用户体验、性能与无障碍设计。

dynamic

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

laravel-11-12-app-guidelines

Laravel 11/12 应用程序开发的标准化工作流程与指南，涵盖技术栈检测、依赖管理以及 Laravel Boost 工具的整合。

tailwind-config

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

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。