Agent Skills Hub

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

visual-design-foundations

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

ui

生成 UI 组件、Hero 区块与反馈表单。集成无障碍检查清单与专业设计参考，确保开发质量。

development

全面的 Linux 开发环境管理，涵盖编译器、构建工具、IDE 与调试工作流程。

react

LobeHub React 组件开发指南，包含 antd-style 样式、@lobehub/ui 布局与路由管理。

shadcn-ui

实现 shadcn/ui 组件：包含安装、Vite/TanStack Router 配置、CLI 命令管理及 Tailwind CSS 集成。

aesthetic

运用系统化设计原则、AI 评估与自动化灵感分析，打造美观的用户界面。

chatkit-frontend

使用 OpenAI ChatKit React 组件实现生产就绪的 AI 聊天界面。功能包含 hook 配置、流式传输、主题自定义、对话历史与 Next.js 应用程序的自定义工具整合。

tailwind-config

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

create-frontend-controller

自动化建立 Magento 2 前端控制器动作，包含路由、依赖注入与标准响应接口，完全遵循 Adobe 开发最佳实践。

figma

利用 Figma MCP 服务器获取设计数据、提取资源，并将 Figma 节点转换为符合设计系统规范的 React 与 Tailwind 代码。

frontend-accessibility-best-practices

React 应用程序的无障碍最佳实践与模式，确保符合 WCAG 标准，优化语义结构并提供包容性的用户体验。