
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含网站文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有框架项目时则移植进该项目。
- 可搜索、可筛选的文章归档,以及带目录、阅读进度、代码复制和可交互图表的长文页。
- 用绘制界面展示产品的案例页,以及关于、简历、联系、通讯、Colophon 和隐私页,见于 24 个页面的示例。
适合
- 公开记录自己产品历程的独立开发者和独立创始人。
- 能把关于页改成工作室介绍、把简历改成服务项目的小型工作室或咨询公司。
- 可以去掉作品区、保留文章、演讲和通讯的研究者和技术作者。
不适合
- 真正发送通讯或联系消息;接入你自己的服务之前,表单只显示本地确认。
- 以图片为主的作品集或张扬的营销网站;这套设计安静、以文字为先。
- 把虚构的 Noor Halvorsen、她的产品或数据当作真实内容发布。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑Blue AccentContent FirstDeveloper JournalSidebar Layout
关于此 Skill

Skyline Developer Journal 用来为独立开发者搭建一个安静、以内容为先的个人网站:粘性左侧边栏、单一蓝色强调色、以文字为主的首屏、为阅读排版的长文,以及展示每个产品真实界面的案例页。示例是虚构的卑尔根独立开发者 Noor Halvorsen 的日志,共 24 个互相连通的页面,支持浅色与深色。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有框架项目,则把设计移植进该项目。
- 带搜索、话题标签、排序和空状态的文章归档,以及含目录、阅读进度、代码一键复制、引文和可交互收入图表的长文页。
- 作品区的案例页用绘制的界面展示每个产品,并配指标、过程步骤和引言。
- 关于、可打印的简历、带校验的联系表单、含订阅源的通讯页、Colophon、隐私和 404 页。
- 用于搜索的命令面板、完整的深色主题,以及从不打扰正文阅读的克制动效。

如何使用
- 提供你的名字和身份、两到六个带真实成果的项目、至少六篇文章或选题、工作经历、演讲、联系邮箱和通讯名称。缺少的信息会先写成合理的占位内容,并列出请你确认。
- 发来一张人像和一张工作环境照片,或让 Agent 按同样的阴天柔光风格生成替身图和每篇文章的封面。你的产品会以绘制的界面呈现,不会用笔记本电脑的图库照片。
- 在桌面和手机上分别用浅色、深色主题逐页打开,试一遍搜索、筛选、文章工具和表单,再提出修改。

字体为 Geist、Newsreader 和 Geist Mono,已内嵌进文件。新照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费。
开始前需要准备什么
- 你需要提供
- 你的名字、身份,以及两到六个带真实成果的项目 · 至少六篇文章或选题、工作经历、演讲、联系邮箱和通讯名称 · 一张人像和工作环境照片,或同意先生成替身图片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具或你自己的照片,用于人像和文章封面
- 外部成本
- 人像、工作环境照和文章封面由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时可用自己的照片;六张中性封面可以复用,短笔记使用文字封面。浏览示例不产生费用。
- 最近实测
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









