UCloud Frontend Skills

UCloud 前端 AI Skills 体系 - 让 AI 理解并使用公司的组件、服务和开发规范。

快速开始

1. 配置 GitLab MCP（首次使用）

npx gitlab-mcp-setup

在弹出的浏览器中完成 OAuth 授权，选择要配置的 AI 工具，配置完成后重启 AI 工具。

2. 使用 Skills

配置完成后，AI 工具就能使用以下 Skills：

| Skill | 用途 | |-------|------| | console-project-init | 创建新的 Console 产品项目 | | console-local-setup | 本地开发环境搭建和运行 | | console-services | 使用控制台公共 Services |

Skills 列表

已完成

• console-project-init - 控制台新产品初始化项目
• console-local-setup - 控制台项目本地环境搭建和运行
• console-services - 使用控制台 Services（queryService, regionService, projectService 等）

规划中

• udesign-components - UDesign UI 组件库使用规范
• console-components - Console 业务组件库
• page-patterns - 页面模式（列表页、详情页、表单页）
• form-patterns - 表单处理模式

项目结构

u-frontend-skills/
├── skills/                         # Skills 文档
│   ├── console-project-init/SKILL.md
│   ├── console-local-setup/SKILL.md
│   └── console-services/SKILL.md
├── src/                            # gitlab-mcp-setup 源码
│   ├── cli.ts                      # CLI 入口
│   ├── config.ts                   # GitLab OAuth 配置
│   ├── detector.ts                 # AI 工具检测器
│   └── writer.ts                   # 配置写入器
├── package.json
└── README.md

相关资源

• Console 前端开发文档
• Services API 文档
• UDesign 组件库
• Console 业务组件库

贡献

欢迎贡献新的 Skills！请参考现有 Skills 的格式编写。

License

MIT