丢一篇内容进去，5分钟后一个网站就出来了——这款 Claude Skill 有点东西

丢一篇内容进去，5分钟后一个网站就出来了——这款 Claude Skill 有点东西

上周有个朋友跟我吐槽：手里攥着一堆 Markdown 笔记和几份 PDF，想把它们搞成一个好看的网站，结果在 Hexo、Jekyll、Hugo 之间折腾了两天，主题配置搞到崩溃，最后还是没上线。

我直接甩给他一个 Claude Skill，叫 astro-website。他说「试试看」，然后——5 分钟，GitHub + Cloudflare Pages 部署完毕，域名都配好了。

这个 Skill 到底干了什么

简单说：你丢内容，它出网站。

你只需要把 Markdown 文件、PDF、电子书或者 WordPress 导出的 XML 丢到一个空文件夹里，然后跟 Claude 说「帮我把这些做成网站」，它就会：

• 自动识别内容结构（章节、分类、标签）
• 用 TypeScript 数组组织数据（不是用 Astro 原生的 Content Collections，而是更直观的数据文件）
• 生成所有页面（首页、文章页、 About 页、404 页）
• 配置好 SEO（meta、Open Graph、Twitter Card、JSON-LD structured data）
• 生成 sitemap 和 robots.txt
• 配上深色/浅色主题切换

技术栈很对我胃口

不是那种「一行命令帮你搞定一切」的傻瓜方案，而是认真教你怎么做的节奏：

• Astro 5 做静态生成，性能拉满
• 不用 Tailwind——纯 CSS Custom Properties，写法很克制，符合我一直说的「克制美学」
• 设计风格叫 “Barely-there UI”：边框用的是 CSS 玻璃拟态、字体流式响应、图片有鼠标跟随放大动效
• 部署到 Cloudflare Pages，连自定义域名都给你写好了配置

怎么装

# 克隆整个技能库
git clone https://github.com/lfurze/claude-skills.git

# 把 astro-website 软链接到 Claude Code 的技能目录
ln -s "$(pwd)/claude-skills/astro-website" ~/.claude/skills/astro-website

这个技能库除了 astro-website，还有 book-editor（Word 审稿）、video-transcription（视频分析）、slide-upgrade（PPT 升级）等一堆实用货，以后有机会一个个说。

适合谁用

• 内容创作者：有系列文章/电子书，想快速建站
• 产品/运营：需要快速搭一个展示页面，不用折腾代码
• 开发者：给客户交付文档站点，不想在主题上浪费时间

说实话，Claude Code 配合这类 Skill，已经可以替代掉很大一部分「简单网站」的开发需求了。不是说要取代 CMS，而是很多场景下——你只需要一个干净的静态站，Claude + Astro 就是最优解。

GitHub 链接附上，感兴趣的直接去翻源码，里面的设计系统参考文档也值得一看：

https://github.com/lfurze/claude-skills

GitHub: https://github.com/lfurze/claude-skills