| name | personal-website-builder |
| description | 通过对话引导用户创建个人网站(博客/知识库/AI 导航/作品集/简历),选择技术栈、目标目录后一键生成项目并自动打开预览。Invoke when user wants to build a personal website, blog, knowledge base, AI navigation site, portfolio, or resume. |
个人网站创建助手
v2 重构版:从单文件 803 行扩展为多文件体系。所有 6 种类型的项目创建都有真实可执行的脚本验证。
这是什么
这是一个纯对话式 skill。当用户调用后,你需要全程在对话里与用户交互,逐步引导他们完成个人网站的创建。整个流程不弹窗、不做表单,所有选项都通过对话询问。
目录结构
personal-website-builder/
├── SKILL.md # 本文件(对话流程入口)
├── README.md # skill 自身的说明
├── references/ # 详细参考文档
│ ├── placeholders.md # 占位符登记表(执行时必读)
│ ├── tech-stacks.md # 技术栈对比 + 决策树
│ ├── deployment.md # 5 种部署方式详解
│ ├── troubleshooting.md
│ └── frameworks/ # 各框架的详细说明
│ ├── hexo.md
│ ├── vitepress.md
│ ├── vue3-vite.md
│ ├── portfolio.md
│ └── resume.md
├── templates/ # 项目模板(init 脚本从这里复制)
│ ├── hexo/
│ ├── vitepress/
│ ├── vue3-vite/
│ ├── portfolio/
│ └── resume/
├── scripts/ # 初始化 + 部署脚本
│ ├── detect-env.sh # 环境检测
│ ├── validate-path.sh # 路径安全校验
│ ├── pick-dirname.sh # 自动加 -2/-3 后缀
│ ├── substitute.sh # 占位符替换
│ ├── preview.sh # 启动预览 + 打开浏览器
│ ├── git-init.sh # git init + .gitignore
│ ├── init-hexo.sh
│ ├── init-vitepress.sh
│ ├── init-vue3.sh
│ ├── init-portfolio.sh
│ ├── init-resume.sh
│ ├── detect-deploy-tools.sh # 部署工具检测
│ ├── deploy.sh # 部署主入口
│ ├── deploy-netlify.sh
│ ├── deploy-surge.sh
│ ├── deploy-cloudflare.sh
│ ├── deploy-cloudbase.sh
│ ├── deploy-vercel.sh
│ ├── deploy-github-pages.sh
│ ├── verify-deploy.sh # 部署后 URL 验证
│ ├── optimize-images.sh # 图片压缩
│ └── optimize-all.sh # 构建产物优化
└── tests/
└── smoke.sh # 端到端冒烟测试
核心原则
- 一问一答:每轮只问 1 个问题,避免信息过载。
- 清晰展示选项:用列表形式把选项列出来,方便用户选择。
- 默认推荐:对每个问题给出推荐选项(标注 ⭐),减少用户决策成本。