Astro网站搭建与部署

本功能专门面向基于 Astro 框架的内容驱动型网站开发。它能指导或直接编写 Astro 组件与页面模板，组织标准的项目目录架构，配置 Node.js、Vercel、Cloudflare 等多平台 SSR 适配器，并执行工程类型检查与静态打包流程，帮助开发者快速交付具备岛屿架构的高性能静态或动态站点。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“帮我在 src/components/ 下写一个带 title 和 tags 属性的 ArticleCard.astro 组件”

“我的 Astro 站点需要部署到 Cloudflare Pages，请给出安装适配器并修改 astro.config.mjs 的具体步骤”

“运行 npx astro build 前需要注意什么？如何配置 astro.config.ts 中的 site 字段以生成准确的 canonical 链接？”

适用人群

适合谁？

前端工程师独立全栈开发者技术博客与文档站搭建人员

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

Astro网站搭建与部署.Skill