Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/alexpizarro/azure-lean-stack-skillsnpx agentmods add skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-appsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-apps)<a href="https://agentmods.dev/skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-apps"><img src="https://agentmods.dev/badge/skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-apps/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-apps"><img src="https://agentmods.dev/badge/skills/alexpizarro/azure-lean-stack-skills/deploying-azure-static-web-apps.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00104 | $0.02174 |
| Opus 5 | $0.00052 | $0.01087 |
| Sonnet 5 | $0.00021 | $0.00435 |
| Haiku 4.5 | $0.00010 | $0.00217 |
Grade A, and why
deploying-azure-static-web-apps scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 192 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Deploying Azure Static Web Apps
The default deployment target for React + Functions web apps. Free tier, global CDN, managed Functions baked in, zero ongoing cost when idle.
When to use SWA vs FC1 vs Container Apps
| Need | Use |
|---|---|
| CRUD REST API, React frontend, HTTP-only, < 30s requests | SWA managed functions (this skill) |
| Timer triggers, queue triggers, AI workloads, > 30s execution | FC1 Flex Consumption |
| Long-running server, WebSocket/SSE, custom Docker runtime | Container Apps |
Project structure
frontend/ — React 19 + Vite 6 + TypeScript
├── src/
│ ├── App.tsx
│ └── services/api.ts
├── public/
│ └── staticwebapp.config.json — routing + security headers
├── vite.config.ts — proxy /api/* → localhost:7071
└── package.json
api/ — Managed Azure Functions v4 (Node 22)
├── src/
│ ├── index.ts — Entry point — IMPORT EVERY FUNCTION FILE HERE
│ ├── functions/
│ │ ├── hello.ts — app.http(...) at the bottom registers the route
│ │ ├── getItems.ts
│ │ └── createItem.ts
│ └── lib/
│ └── database.ts — mssql pool, module-level singleton
├── host.json
├── tsconfig.json — "module": "commonjs" required for SWA
├── package.json — "main": "dist/index.js" (specific path, not glob)
└── local.settings.json.example — empty strings + __HINT_* keys
The two SWA gotchas you WILL hit
1. New function returns 404 — forgot to import in index.ts
// api/src/index.ts — every function file imported as a side effect
import './functions/hello';
import './functions/getItems';
import './functions/createItem';
import './functions/newThing'; // ← add this when you create newThing.ts
The app.http(...) registration in each function file only runs when the module is loaded. If index.ts doesn't import it, the route silently doesn't exist. The TypeScript compiles fine. The deploy succeeds. The URL returns 404.
What ships with it
23 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/swa-config.md 2.5 KB
- templates/api/host.json 289 B
- templates/api/local.settings.json.example 462 B
- templates/api/package-lock.json 35 KB
- templates/api/package.json 474 B
- templates/api/src/functions/createItem.ts 1.1 KB runs code
- templates/api/src/functions/getItems.ts 732 B runs code
- templates/api/src/functions/hello.ts 543 B runs code
- templates/api/src/index.ts 188 B runs code
- templates/api/src/lib/database.ts 781 B runs code
- templates/api/tsconfig.json 315 B
- templates/frontend/index.html 304 B
- templates/frontend/package-lock.json 59 KB
- templates/frontend/package.json 470 B
- templates/frontend/public/staticwebapp.config.json 313 B
- templates/frontend/src/App.css 1.7 KB
- templates/frontend/src/App.tsx 3.7 KB
- templates/frontend/src/index.css 239 B
- templates/frontend/src/main.tsx 230 B
- templates/frontend/tsconfig.app.json 580 B
- templates/frontend/tsconfig.json 119 B
- templates/frontend/tsconfig.node.json 408 B
- templates/frontend/vite.config.ts 360 B runs code
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 10d ago First seen · 192 lines · 104 tokens per session scan A 71280eb9b847
deploying-azure-static-web-apps is a skill published in the GitHub repository alexpizarro/azure-lean-stack-skills (1 stars, last pushed 1mo ago), licensed MIT. It adds 104 tokens to every session and 2,174 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
azure-expert
Expert-level Microsoft Azure cloud platform, services, and architecture. Use when the user mentions cloud, Microsoft platforms, Azure Functions, or Cosmos DB.
azure-mgmt-applicationinsights-dotnet
Azure Application Insights SDK for .NET. Application performance monitoring and observability resource management. Use for creating Application Insights components, web tests, workbooks, analytics items, and API keys. Triggers: "Application Insights", "ApplicationInsights", "App Insights", "APM", "application…
azure-eventhub-dotnet
Azure Event Hubs SDK for .NET. Use for high-throughput event streaming: sending events (EventHubProducerClient, EventHubBufferedProducerClient), receiving events (EventProcessorClient with checkpointing), partition management, and real-time data ingestion. Triggers: "Event Hubs", "event streaming"…
azure-mgmt-fabric-dotnet
Azure Resource Manager SDK for Fabric in .NET. Use for MANAGEMENT PLANE operations: provisioning, scaling, suspending/resuming Microsoft Fabric capacities, checking name availability, and listing SKUs via Azure Resource Manager. Triggers: "Fabric capacity", "create capacity", "suspend capacity", "resume capacity"…
azure-resource-manager-durabletask-dotnet
Azure Resource Manager SDK for Durable Task Scheduler in .NET. Use for MANAGEMENT PLANE operations: creating/managing Durable Task Schedulers, Task Hubs, and retention policies via Azure Resource Manager. Triggers: "Durable Task Scheduler", "create scheduler", "task hub", "DurableTaskSchedulerResource", "provision…
azure-resource-manager-mysql-dotnet
Azure MySQL Flexible Server SDK for .NET. Database management for MySQL Flexible Server deployments. Use for creating servers, databases, firewall rules, configurations, backups, and high availability. Triggers: "MySQL", "MySqlFlexibleServer", "MySQL Flexible Server", "Azure Database for MySQL", "MySQL database…