# Web Stack Planner

> Collect project brief and stack choices, then output canonical project-config.json for downstream web-builder skills.

- **Type:** Skill
- **Install:** `agentstack add skill-0x-professor-agent-skills-hub-web-stack-planner`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [0x-Professor](https://agentstack.voostack.com/s/0x-professor)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** Apache-2.0
- **Upstream author:** [0x-Professor](https://github.com/0x-Professor)
- **Source:** https://github.com/0x-Professor/Agent-Skills-Hub/tree/main/skills/web-stack-planner

## Install

```sh
agentstack add skill-0x-professor-agent-skills-hub-web-stack-planner
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Web Stack Planner

## Objective

Capture a complete web project brief and produce a validated `project-config.json`
that all downstream `web-builder` skills consume.

## Required Workflow

1. Ask the user for project name, project type, target audience, authentication needs, and whether any codebase already exists.
2. Present frontend framework choices:
   - React
   - Next.js
   - Vue
   - Nuxt
   - SvelteKit
   - Angular
   - Astro
   - plain HTML/CSS/JS
3. Present backend/API choices:
   - Node.js/Express
   - FastAPI
   - Django
   - Laravel
   - Go/Gin
   - Rails
   - Supabase Edge Functions
   - serverless-only
4. Present database choices:
   - PostgreSQL
   - MySQL
   - MongoDB
   - SQLite
   - Supabase
   - PlanetScale
   - Turso
   - Redis (as cache)
   - Firebase
5. Present CSS/design system choices:
   - Tailwind CSS
   - Shadcn/ui
   - Chakra UI
   - Material UI
   - Ant Design
   - Mantine
   - DaisyUI
   - vanilla CSS
6. Ask if they need integrations for auth, payments, email, file storage, and i18n:
   - Auth: Clerk, Auth.js, Supabase Auth, custom JWT
   - Payments: Stripe, Paddle, LemonSqueezy
   - Email: Resend, SendGrid
   - Storage: S3, Supabase Storage, Cloudflare R2
7. Ask deployment target:
   - Vercel
   - Netlify
   - Fly.io
   - Railway
   - Render
   - AWS
   - GCP
   - Azure
   - DigitalOcean
   - Cloudflare Pages
8. Run `scripts/stack_planner.py` to validate and write the canonical `project-config.json`.

## Execution

```bash
python skills/web-stack-planner/scripts/stack_planner.py --input  --output  --format json
```

## Output

- `project-config.json`
- Script result file (`json`, `md`, or `csv`) with `status`, `summary`, `artifacts`, and `details`

## References

- `references/tools.md`

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [0x-Professor](https://github.com/0x-Professor)
- **Source:** [0x-Professor/Agent-Skills-Hub](https://github.com/0x-Professor/Agent-Skills-Hub)
- **License:** Apache-2.0

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-0x-professor-agent-skills-hub-web-stack-planner
- Seller: https://agentstack.voostack.com/s/0x-professor
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.