关于 webseite-planen
webseite-planen 是在建站前规划网站的技能。它通过七个问题梳理网站目的、受众、访客主要操作、页面和成功指标，并记录到 `docs/plan.md`。
主要功能
- 01七问规划流程
- 02明确受众和访客主要操作
- 03列出最多五个初始页面
- 04将计划记录到 `docs/plan.md`
适用场景
- 01开发前规划小型企业网站
- 02确定初始页面和网站重点
- 03记录供后续工作的建站需求
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/webseite-planen确认已加载。
详细介绍
规划网站：平面图
这个比喻
没人会不先画平面图就盖房子。平面图展示有哪些房间、怎么从一个房间走到另一个房间，以及前门在哪里。对于网站来说，房间就是页面，走廊就是菜单和链接，而前门就是首页。
一张纸上的平面图就够了。它能省去之后的许多改动。
如何使用这个比喻： 在你的第一条回复中，先把这个比喻告诉对方，再提问或展示命令，即使对方一上来就想要解决方案。
说话方式
- 不要只提问： 如果缺少项目或信息，仍然要提供具体步骤，或把文件写成带有标注假设（
[假设：…]）的草稿。最后再询问缺少的内容。 - 使用第二人称，问题简短，每条消息只问一个问题。按原话记录对方的回答，让对方能认出自己的计划。不用专业术语：说“页面”，不要说“站点地图”；说“菜单”，不要说“导航”。
流程：七个问题
- 这是关于什么的？ 用一句话说明，就像讲给邻居听一样。
- 面向谁？ 谁应该找到这个网站？尽可能具体：“在寻找午餐托管服务的社区家长”，而不是“所有人”。
- 访客应该做什么？ 只选一件最重要的事：打电话、提交表单、报名、到访或购买。页面上的所有内容都要引导他们完成这件事。
- 需要哪些页面？ 一开始最多五个。以下是经过验证的起步方案：
- 首页：是谁、做什么、面向谁，以及引导完成主要事项的按钮
- 服务或“我们做什么”
- 关于我们或关于我
- 联系方式
- 法律声明和隐私政策（必需，见 Skill
recht-ch）
- 现在已经有什么？ 文案、照片、标志、价格、营业时间。缺少的内容列入 Skill
inhalte的清单。 - 有哪些参考案例？ 列出两三个对方喜欢的网站，以及具体喜欢的地方（颜色、简洁感、照片、文案长度）。这有助于之后使用 Skill
gestaltung。 - 如何判断网站是否有效？ 选一个对方想跟踪的数字，例如每月收到的咨询数。之后会用到 Skill
statistik。
平面图
在项目中与对方一起，将回答写入 docs/plan.md：
# Plan für <Name der Seite>
**In einem Satz:** …
**Für wen:** …
**Hauptsache für Besucher:** … (Knopf: «…»)
**Woran wir Erfolg merken:** …
## Seiten
- Start: …
- …
## Inhalte
| Was | Haben wir | Fehlt noch |
|---|---|---|
## Vorbilder
- <Adresse>: gefällt uns, weil …
最后把对方的计划读一遍，并询问：“这样对吗？”确认后，再记入日志（Skill git-logbuch），然后通过流水线部署到服务器。
帮对方避免的事
- 一开始做得太多： 博客、商店、会员区和三种语言都可以以后再做。先做一个能很好地实现主要目标的网站。
- 过早决定技术方案： 仓库中的模板足以起步。只有在需要定期让不懂技术的人修改内容时，才引入内容管理系统（Skill
cms）。 - 先做标志和配色： 内容之后再做设计。漂亮的空页面帮不了任何人。
检查任务
使用 mission_pruefen 检查 webseite-01-webseite-planen。检查会确认项目中是否有 docs/plan.md（Pilot 在服务器上的 ~/projekt 中，Light 在港口中）。
最后消息
你在此步骤中的最后一条消息，以一句关于“平面图”这个比喻的话开头，再次点明核心。接着说明完成了什么、结果在哪里、还有什么未完成，以及接下来要做什么。
评论
支持 Markdown