菜单
Research and generate Azure deployment guide with EasyAuth (Google + Facebook) and CosmosDB. This skill searches for current documentation and screenshots to produce an up-to-date setup guide at .docs/azure-setup-guide.md.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Planning specialist that creates structured implementation plans for the finans project. Use this skill to transform user requests into comprehensive, well-researched plan files stored in .task-board/backlog/. This skill plans without implementing.
Bulk backlog scanner that analyzes the entire finans codebase vs CLAUDE.md, identifies ALL gaps, and generates a comprehensive, prioritized, numbered task backlog. Uses broad→narrow pattern.
Focused task planning for ONE specific idea. Uses narrow→broad pattern - starts at user's focus point, expands context only as needed. Creates detailed task via task-board skill.
Compact the conversation context by summarizing what was accomplished and updating CLAUDE.md with any learnings. Use when context is getting long or when transitioning between work sessions.
Analyze a specific directory (e.g. frontend/, backend/, e2e/) and generate .claude/rules/ markdown files for it. Use when asked to create rules, analyze a folder for Claude Code, or set up domain memory for a specific part of the codebase.
Comprehensive application audit. Analyzes best practices, security compliance, frontend design quality. Identifies top improvements and critical errors. Produces scores for design, code quality, and security.
| name | azure-setup-guide |
| description | Research and generate Azure deployment guide with EasyAuth (Google + Facebook) and CosmosDB. This skill searches for current documentation and screenshots to produce an up-to-date setup guide at .docs/azure-setup-guide.md. |
This skill researches and generates a comprehensive Azure deployment guide for the finans application. It actively searches for the latest documentation to ensure instructions are current.
OAuth credentials are stored in backend/.env:
GOOGLE_CLIENT_ID / GOOGLE_CLIENT_SECRETFACEBOOK_APP_ID / FACEBOOK_APP_SECRETCOSMOS_DB_ENDPOINT / COSMOS_DB_KEYReference these when configuring EasyAuth instead of creating new credentials.
Use this skill when:
Search for the latest setup procedures:
Azure App Service Authentication (EasyAuth)
Google OAuth Configuration
Facebook Login Configuration
Azure CosmosDB Setup
Azure CLI Commands
After research, write the guide to .docs/azure-setup-guide.md with:
After writing the guide:
Use this as the foundation, updating with researched information:
Stack: App Service + EasyAuth + Google/Facebook Login + CosmosDB Tier: Free (F1) - suitable for development and testing
az login)Verify Azure login:
az account show --query "{Name:name, SubscriptionId:id}" -o table
az group create --name finans-rg --location norwayeast
az appservice plan create \
--name finans-plan \
--resource-group finans-rg \
--location norwayeast \
--sku F1 \
--is-linux
Free Tier Limits:
az webapp create \
--name finans \
--resource-group finans-rg \
--plan finans-plan \
--runtime "NODE|20-lts"
Get app URL:
az webapp show --name finans --resource-group finans-rg --query defaultHostName -o tsv
az cosmosdb create \
--name finans-cosmos \
--resource-group finans-rg \
--locations regionName=norwayeast \
--capabilities EnableServerless \
--default-consistency-level Session
az cosmosdb sql database create \
--account-name finans-cosmos \
--resource-group finans-rg \
--name finans-db
Users container (partition key: /id):
az cosmosdb sql container create \
--account-name finans-cosmos \
--resource-group finans-rg \
--database-name finans-db \
--name users \
--partition-key-path /id
Portfolios container (partition key: /userId):
az cosmosdb sql container create \
--account-name finans-cosmos \
--resource-group finans-rg \
--database-name finans-db \
--name portfolios \
--partition-key-path /userId
az cosmosdb keys list \
--name finans-cosmos \
--resource-group finans-rg \
--type connection-strings \
--query "connectionStrings[0].connectionString" \
-o tsv
[RESEARCH CURRENT STEPS - Google Cloud Console menu structure may have changed]
https://finans.azurewebsites.net/.auth/login/google/callback[RESEARCH CURRENT STEPS - Facebook Developer Portal menu structure may have changed]
https://finans.azurewebsites.nethttps://finans.azurewebsites.net/.auth/login/facebook/callback# Enable authentication
az webapp auth update \
--name finans \
--resource-group finans-rg \
--enabled true \
--unauthenticated-client-action RedirectToLoginPage \
--token-store true
# Add Google provider
az webapp auth google update \
--name finans \
--resource-group finans-rg \
--client-id {GOOGLE_CLIENT_ID} \
--client-secret {GOOGLE_CLIENT_SECRET} \
--yes
# Add Facebook provider
az webapp auth facebook update \
--name finans \
--resource-group finans-rg \
--app-id {FACEBOOK_APP_ID} \
--app-secret {FACEBOOK_APP_SECRET} \
--yes
[RESEARCH CURRENT PORTAL PATH - Azure Portal UI may have changed]
az webapp config appsettings set \
--name finans \
--resource-group finans-rg \
--settings \
COSMOS_DB_ENDPOINT="https://finans-cosmos.documents.azure.com:443/" \
COSMOS_DB_KEY="{PRIMARY_KEY}" \
COSMOS_DB_DATABASE="finans-db" \
NODE_ENV="production"
pnpm --filter frontend build
pnpm --filter backend build
az webapp deploy \
--name finans \
--resource-group finans-rg \
--src-path deploy.zip \
--type zip
Test URLs:
https://finans.azurewebsites.nethttps://finans.azurewebsites.net/.auth/login/googlehttps://finans.azurewebsites.net/.auth/login/facebookhttps://finans.azurewebsites.net/.auth/mehttps://finans.azurewebsites.net/.auth/logout"Reply URL does not match"
"/.auth/me returns null"
Facebook app not working
az webapp log tail --name finans --resource-group finans-rg
Delete all resources:
az group delete --name finans-rg --yes --no-wait
After completing research and compilation:
.docs/ directory if needed.docs/azure-setup-guide.md