Azure静态网站本地模拟与发布

该能力专为Azure Static Web Apps (SWA) 全流程开发设计。支持自动化检测前端框架与无服务器函数结构，规范化生成swa-cli.config.json与staticwebapp.config.json配置文件，通过SWA CLI在本地4280端口提供包含API反向代理和身份认证模拟的完整调试环境，并支持通过部署令牌将构建产物直接发布至Azure或集成到GitHub Actions自动化流水线中。

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

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

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

2说清楚目标

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

3检查结果

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

复制就能用

你可以直接这样说

“请帮我用 swa init 初始化当前的 Vite 前端项目，并配置将本地开发服务代理到 http://localhost:5173”

“为我的 SPA 项目编写 staticwebapp.config.json，设置路由回退至 index.html，并限制 /api/* 接口仅允许登录用户访问”

“编写一个 .github/workflows/azure-static-web-apps.yml 文件，将 ./dist 静态文件和 ./api 函数部署到 Azure 生产环境”

适用人群

适合谁？

前端开发工程师全栈开发者云原生运维工程师

上手门槛

使用难度

进阶

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

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

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

Azure静态网站本地模拟与发布.Skill