Agent Skills Hub

javascript-typescript

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

ui-design

一个专门用于生成单文件 HTML 用户界面的工具，内置 Tailwind CSS，非常适合快速原型制作、UI 探索和设计灵感参考。

pix

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

webpack

Webpack 前端开发参考工具。提供配置指南、故障排除、性能优化技巧及最佳实践，协助开发者高效管理前端构建项目。

visual-design-foundations

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

performance-security

优化 React 性能、实施安全性加固，并通过自动化模式与检查清单确保符合 WCAG 无障碍规范。

ui

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

Frontend Components

为 Django 生产环境服务器与工作程序提供标准化配置与管理。

frontend-app-design

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

aesthetic

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

tailwindcss

TailwindCSS v4 模式库，提供基于 CSS 的配置、@theme 设计标记、@source 内容检测，以及用于高效前端工作流的现代 CSS 工具。

create-mcp-app

为 Claude Desktop 等 MCP 主机建立互动式应用程式。提供 React、原生 JS 及多种框架模板，协助您开发整合 MCP 工具与自定义 UI 的应用程式。