Vibe Coding Architecture & Stack Selection
A plain-language framework that lets non-engineers interrogate any AI-proposed architecture with 6 questions and pick a stack via a 5-step decision process.
Dev & CodingBeginner★ 167⑂ 1AI score 9/10Last updated: Jun 30, 2026
What it does
- Teaches you to grill any AI architecture proposal along 6 plain-language dimensions: where data lives, whose machine it runs on, monolith vs split services, how many external dependencies, sync vs queued, and how many users it can take.
- Runs a 5-step stack decision method: list 3–5 options → expose hidden costs → filter by your real constraints → score AI-collaboration fit (generation quality, readability, debuggability, community docs) → final verdict via "can I still fix this in a year?".
- Asks the AI to produce a project directory tree with one-line responsibilities per folder.
- Enforces an exit gate: the chosen stack and the rejected options with reasons must be written into the project docs.
Who it's for
- Founders, PMs, and solo builders shipping products with AI but without a deep engineering background.
- Anyone who defaults to "whatever the AI said" because they can't tell a good plan from a bad one.
- Builders upgrading a demo into something more serious.
Examples
- "I want to build a personal expense-tracking web app — what stack?" → get 3–5 candidates, filter by server specs and your own skill level, lock one in with rejection notes.
- The AI proposes microservices plus a message queue → use the "monolith vs split" and "dependency count" dimensions to push it back to a single process.
- "Sketch the project folder structure" → receive a directory tree with one-line duties and check there's no junk-drawer folder.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/Junliu1066/vibe-coding-kit/HEAD/skills/vibe-coding-architecture/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the skills/vibe-coding-architecture folder from the GitHub repo Junliu1066/vibe-coding-kit into my ~/.claude/skills/vibe-coding-architecture/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/Junliu1066/vibe-coding-kit.git && mkdir -p ~/.claude/skills && cp -r vibe-coding-kit/skills/vibe-coding-architecture ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open your terminal.
- Clone the repo:
git clone https://github.com/Junliu1066/vibe-coding-kit.git - Create the skills folder if needed:
mkdir -p ~/.claude/skills - Copy the skill:
cp -r vibe-coding-kit/skills/vibe-coding-architecture ~/.claude/skills/ - (Recommended) This skill is part of a suite — also copy
vibe-coding-requirements,vibe-coding-production,vibe-coding-survival, and thereferences/folder so the referenced files resolve. - Restart Claude Code and ask something like "which tech stack should I use for this project?" to trigger the skill.
View source on GitHub ↗License: MIT