Personal Site Builder
把个人简历、社交媒体、作品集和日常产出，做成一个可直接部署的个人网站。先访谈收资料并核实证据，再按「网站目标 × 内容深度」定信息层级（求职 / 作品集 / 个人介绍 / 个人记录 / 咨询获客 / 内容创作者），然后定视觉风格生成静态站点，最后浏览器验收、经授权后部署。视觉风格可以从内置的 6 套里选、按品牌对标，或由用户提供的参考网址、截图、设计规范中提取。当用户说"做个人网站"、"个人主页"、"简历做成网站"、"personal website"、"portfolio 网站"、"about me 页面"、"把我的简历和社交媒体做成网站"、"重做我的个人站"、"照着这个网站的风格做我的主页"、"参考这个站的设计"时触发。
Install
npx skills add SpaceZephyr/personal-site-builder --skill personal-site-buildergit clone --depth 1 https://github.com/SpaceZephyr/personal-site-builder.git /tmp/personal-site-builder
mkdir -p ~/.claude/skills
cp -r /tmp/personal-site-builder/. ~/.claude/skills/personal-site-builderPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# 个人网站生成器 把「一份简历 + 一堆链接 + 散落的产出」变成一个有信息结构、有视觉风格、能直接部署的静态网站。 产出物：一套纯静态 HTML/CSS/JS（无构建、无框架、单文件 CSS），可直接部署到 Cloudflare Pages / Vercel / GitHub Pages。 ## 核心原则 - **顺序不可颠倒**：先内容 → 再结构 → 再视觉 → 最后代码。不要一上来套模板或问颜色字体。 - **区分四类信息**：用户确认的事实 / 来源原文摘要 / AI 起草的文案 / 待确认的推断。不编造经历、数字、客户、评价、身份和合作关系。 - **默认保护隐私**：公开手机号、住址、私人邮箱、客户材料前必须单独确认。 - **不为填满模板造空栏目**：资料不够就降低内容深度，或列出缺失项，不用占位案例凑数。 - **给带推荐的选项**：每个决策点给 2–3 个有实质差异的方案 + 明确推荐，不把选择全甩给用户。 - **部署是对外发布动作**：只有用户明确授权才执行。 ## 工作流 ``` ① 定边界 → ② 收资料 → ③ 定信息层级 → ④ 定视觉风格 → ⑤ 生成 → ⑥ 验收 → ⑦ 授权后部署 ``` --- ### ① 定边界 先判断是**新建**还是**改造已有站**。 - 有项目：先读目录结构、现有页面、内容来源、构建命令、部署配置和 git 状态，沿用已有技术栈和设计约束，不要另起炉灶。 - 新建：默认轻量响应式静态站；只有确实需要 CMS、登录或动态数据时才引入框架或后端。 然后只问一句定方向的问题： > 「这个网站主要给谁看？看完你希望他做什么？」 不要在这一步问颜色、字体、动画。 ### ② 收资料 读 `references/intake.md`（内含最小启动资料、渐进提问顺序、内容实体字段、证据分级、隐私规则、可抓取来源表）。 要点： - **起步回复要轻**。用户已经说了手上有什么，第一条回复就只请他把这些发过来；读完第一批再问下一个问题。**每次只追问一个最影响下一步的问题**，不要甩十几项表单。 - **能读的先读**，别问。简历（Read / docx / pdf skill）、GitHub、博客、公众号文章（WebFetch）、需登录的平台（claude-in-chrome）。遇到登录墙、验证码、反爬**立即停止**，改请用户提供导出文件、文本、链接清单或截图。 - **数字优先于形容词**，且只用可验证口径。「10 款产品、5 万用户、近 200 个 Skill」胜过「经验丰富」；无法验证的不要补估值。 - 跨平台重复内容**合并为一个内容实体**，保留多个来源链接；信息冲突时保留两个版本请用户确认。 收完输出一份**资料清单确认**（已有 / 待确认 / 缺失 / 建议补），用户确认后再进下一步。 ### ③ 定信息层级 读 `references/architectures.md`。用**双轴**决策： **轴一 · 网站目标**（选一个主目标，最多加一个次目标） | 用户资料主要是 | 主目标 | |---|---| | 工作经历、技能、学历，要投简历 | 求职转化 | | 项目 / 设计 / 摄影 / 视频，视觉物料多 | 作品集展示 | | 一段人生故事 + 兴趣 + 价值观，没什么成品 | 个人介绍 | | 长期写的文章 / 读的书 / 走的路，想留档 | 长期记录 | | 想接咨询、约稿、辅导、商单 | 咨询获客 |
Details
- Skill name
personal-site-builder- Repository
- SpaceZephyr/personal-site-builder
- License
- MIT
- Repo updated
- 31 July 2026
FAQ
What does the Personal Site Builder skill do?
把个人简历、社交媒体、作品集和日常产出，做成一个可直接部署的个人网站。先访谈收资料并核实证据，再按「网站目标 × 内容深度」定信息层级（求职 / 作品集 / 个人介绍 / 个人记录 / 咨询获客 / 内容创作者），然后定视觉风格生成静态站点，最后浏览器验收、经授权后部署。视觉风格可以从内置的 6 套里选、按品牌对标，或**由用户提供的参考网址、截图、设计规范中提取**。当用户说"做个人网站"、"个人主页"、"简历做成网站"、"personal website"、"portfolio 网站"、"about me 页面"、"把我的简历和社交媒体做成网站"、"重做我的个人站"、"照着这个网站的风格做我的主页"、"参考这个站的设计"时触发。
How do I install the Personal Site Builder skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add SpaceZephyr/personal-site-builder --skill personal-site-builder. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Personal Site Builder popular?
It lives in SpaceZephyr/personal-site-builder, which has 49 GitHub stars and 7 forks.
Related skills
Coc Kp Host
51SumanasJ/coc-kp-host
host chinese call of cthulhu and similar investigative tabletop rpg sessions as kp/keeper. use when the user asks to start, continue, simulate, or play a coc scenario, wants chatgpt to be kp, asks for preset investigator cards, npc teammates, dice checks, horror investigation pacing, solo/co-op tabletop roleplaying, or persistent pre-session prep/project folders for a campaign. ask only the minimum setup questions: whether the user wants a custom investigator persona and how many npc teammates; otherwise handle scenario selection, character card creation, npc teammates, dice, pacing, narration
Comprehensive Thinking
48syzkillall/comprehensive-thinking-skill
Use when Codex must make a high-quality judgment on any complex problem, not only technical problems. Trigger when a question has high complexity, uncertainty, cost of being wrong, long-term impact, value tradeoffs, possible structural causes, or when the user asks for 全面思考, 深度理解, 系统性分析, 帮我想清楚, 从根上看, 这件事到底怎么看, 方法论, 复杂问题拆解, 系统方案, 架构判断, 策略判断, or 根因分析. Also trigger for project and engineering high-risk scenarios such as multi-module, multi-environment, multi-data-source, multi-state, financial truth, live trading, ledger, revenue, customer assets, order governance, broker interfaces, online avail
A Share Stock Dossier
41quantskills/skill-a-share-stock-dossier
Generate a structured Chinese A-share stock due-diligence dossier from Pandadata interfaces, covering company profile, financials, dividends and capital actions, shareholder behavior, pledge/unlock/reduction risks, market funds, and sourced appendices. Use when the user asks for A股个股体检、个股尽调、公司全面分析、股票基本面报告、质押解禁减持风险排查, or a one-stop A-share company dossier.
Tossinvest Skill
48BEOKS/tossinvest-skill
Work with the Toss Securities Open API for Korean and US stock market data, stock info, exchange rates, market calendars, account and holdings lookups, order history, buying power, sellable quantity, commissions, conditional orders, rankings, trading trends, market indicators, realtime WebSocket integration, and delegated trading workflows. Use when an agent needs to run user-delegated buy/sell/order-management loops, call or build against developers.tossinvest.com, inspect the Toss OpenAPI schema, generate client code, or operate with TOSS_API_KEY/TOSS_SECRET_KEY credentials.
Personal Finance Beancount
37zph/beancount-skill
Professional personal finance advisor specializing in plain-text accounting with Beancount and Fava. Use when users need help with: (1) Analyzing spending habits and financial patterns from Beancount files, (2) Creating or understanding Beancount transactions and syntax, (3) Financial planning, budgeting, and investment advice, (4) Interpreting Fava reports and creating custom queries, (5) Organizing chart of accounts, (6) Double-entry bookkeeping principles, (7) Personal finance optimization and wealth building strategies. Provides analysis, education, and personalized recommendations while m
Finance Assistant
50googlarz/finance-assistant
Personal finance assistant for budgeting, savings goals, investment tracking, debt optimization, tax preparation, insurance review, net worth tracking, and financial scenario modeling. Supports multi-currency, bank statement import (CSV/MT940/OFX), and locale-based tax rules. Use for any personal finance question: budget planning, expense tracking, portfolio allocation, FIRE calculations, debt payoff strategies, mortgage comparisons, tax deductions, insurance coverage, retirement planning, and life events with financial impact such as marriage, buying a house, changing jobs, having a baby, or
Browse the most popular Claude skills, all finance & crypto skills, or write your own with the skills generator.