Create New Web App Skill

A Claude Code skill for scaffolding web applications with Azure deployment configuration.

Installation

Download the skill file to your Claude Code commands directory:

# Create commands directory if it doesn't exist
mkdir -p ~/.claude/commands

# Download the skill
curl -o ~/.claude/commands/create-new-web-app.md https://raw.githubusercontent.com/sorabeRK/CreateNewAppSkill/main/create-new-web-app.md

Update

To update to the latest version, re-run the download command:

curl -o ~/.claude/commands/create-new-web-app.md https://raw.githubusercontent.com/sorabeRK/CreateNewAppSkill/main/create-new-web-app.md

Usage

In any Claude Code session, run:

/create-new-web-app

Claude will guide you through creating a new web application with:

• React + Vite frontend
• FastAPI backend (optional)
• Azure deployment configuration
• GitHub repository setup

Dependencies

This skill requires:

• Git
• GitHub CLI (authenticated)
• Access to WebAppTemplate repository
• Access to deployment-templates repository

Project Structures

The skill supports three structures:

Structure	Use Case
Full-stack	Dashboard/web app with backend API (React + FastAPI)
Frontend-only	Static site or app calling external APIs (React + Vite)
Backend-only	REST API or microservice (FastAPI)