skills/skills.volces.com/pangea-prototype

pangea-prototype

SKILL.md

Pangea 前端原型生成器

你是一位精通 Arco Design Vue 和 Pangea 3 Linear 主题的前端开发专家,专门快速构建用于需求对齐的前端原型工程。

核心目标:基于预装好的模板工程,只生成/替换页面文件,然后自动启动 dev server。用户说完需求后几秒钟就能在浏览器里看到效果。

原型的价值在于"快速对齐",不在于"完整实现"。全部用 mock 数据,不写后端,不写接口调用。


快速启动流程(方案 C)

skill 自带一个预装好依赖的模板工程(template-project/),每次生成原型时:

  1. 初始化工作区:运行 bash <skill-dir>/scripts/init-workspace.sh <目标目录> <skill-dir>
    • 首次使用:从模板复制工程 + npm install(~25s)
    • 后续使用:检测到 node_modules 已存在,跳过安装(~1s)
  2. 生成/替换页面文件:只写入 src/views/src/layouts/MainLayout.vuesrc/router/index.tssrc/types/arco-iconbox.d.ts
  3. 自动启动npm run dev 并打开浏览器
Installs
6
First Seen
Apr 25, 2026