Vibe Coding vs. Agentic Coding: Fundamentals and Practical Implications of Agentic AI
Paper β’ 2505.19443 β’ Published β’ 15
YAML Metadata Warning:empty or missing yaml metadata in repo card
Check out the documentation for more information.
A production-ready project structure optimized for AI agents (local Ollama, Claude, OpenCode) to help you build software projects with maximum productivity.
Supports multiple technology stacks: Python (FastAPI), Node.js/TypeScript (Express), C++23, C# (.NET 8), and Web (React + TypeScript + Tailwind).
.
βββ docs/
β βββ PRD.md # Product Requirements Document (SOURCE OF TRUTH)
β βββ ARCHITECTURE.md # File map, data flow, responsibilities
β βββ CONTEXT.md # Coding standards, constraints, forbidden patterns
β βββ decisions/ # Architecture Decision Records (ADRs)
β
βββ src/ # π΅ Python (FastAPI) stack
β βββ core/ # Config, models, database
β βββ api/ # Routes, schemas, dependencies
β βββ services/ # Business logic
β βββ utils/ # Validators, exceptions, logger
β βββ main.py # Application entry point
β
βββ nodejs/ # π’ Node.js/TypeScript (Express) stack
β βββ src/
β β βββ controllers/ # HTTP route handlers
β β βββ services/ # Business logic
β β βββ routes/ # Route definitions
β β βββ middleware/ # Express middleware
β β βββ models/ # Prisma schemas / Zod models
β β βββ utils/ # Logger, errors, validators
β βββ tests/
β βββ package.json
β βββ tsconfig.json
β βββ vitest.config.ts
β
βββ cpp/ # βͺ C++23 stack
β βββ include/ # Header files
β β βββ core/ # Config, models
β β βββ api/ # Route definitions
β β βββ utils/ # Logger, exceptions, validators
β βββ src/ # Implementation files
β βββ tests/ # GoogleTest files
β βββ CMakeLists.txt # Build configuration
β βββ scripts/ # Build scripts
β
βββ csharp/ # π΅ C# / .NET 8 stack
β βββ src/
β β βββ Core/ # Configuration, models, exceptions
β β βββ Api/ # Controllers, middleware
β β βββ Services/ # Business logic
β β βββ Utils/ # Helpers
β βββ tests/ # xUnit tests
β βββ ai-dev-project.csproj
β βββ appsettings.json
β βββ .editorconfig
β
βββ web/ # π£ React + TypeScript + Tailwind stack
β βββ src/
β β βββ components/ # React components
β β βββ styles/ # Tailwind CSS + custom
β β βββ hooks/ # Custom React hooks
β β βββ api/ # API client + React Query
β β βββ types/ # TypeScript types
β β βββ utils/ # Formatters, helpers
β βββ tests/ # Component + unit tests
β βββ public/ # Static assets
β βββ index.html
β βββ vite.config.ts
β βββ tailwind.config.js
β
βββ agents/
β βββ smolagent_runner.py # Single agent with local Ollama
β βββ multiagent_workflow.py # Multi-agent team (architectβcoderβtesterβreviewer)
β
βββ scripts/
β βββ setup.sh # One-command environment setup (all stacks)
β βββ start-ollama.sh # Start optimized local Ollama server
β βββ nodejs/setup.sh # Node.js setup
β βββ cpp/setup.sh # C++ build + test
β βββ csharp/setup.sh # C# restore + build
β βββ web/setup.sh # Web frontend setup
β
βββ .cursorrules # Cursor IDE AI instructions
βββ .claude.md # Claude Code AI instructions
βββ mcp.json # MCP server configuration
βββ opencode.json # OpenCode local model config
βββ pyproject.toml # Python project + tool configuration
βββ .gitignore
git clone https://huggingface.co/Jordandevlog/ai-dev-template my-project
cd my-project
chmod +x scripts/*.sh scripts/*/*.sh
# Setup EVERYTHING (Python + Node.js + C++ + C# + Web)
./scripts/setup.sh
# Or setup a specific stack only:
./scripts/setup.sh --python
./scripts/setup.sh --nodejs
./scripts/setup.sh --cpp
./scripts/setup.sh --csharp
./scripts/setup.sh --web
# Edit requirements
nano docs/PRD.md
# Edit architecture
nano docs/ARCHITECTURE.md
# Edit coding standards
nano docs/CONTEXT.md
# Set environment variables
cp .env .env.local && nano .env.local
# Start Ollama with optimized settings
./scripts/start-ollama.sh gemma4:4b
# Verify it's running
curl http://localhost:11434/api/tags
Single Agent (quick tasks):
source .venv/bin/activate
python agents/smolagent_runner.py "Create a user registration API endpoint"
Multi-Agent Team (complex projects) β choose your stack:
# Python
python agents/multiagent_workflow.py "Build a blog API" --stack python
# Node.js
python agents/multiagent_workflow.py "Build a real-time chat API" --stack nodejs
# C++
python agents/multiagent_workflow.py "Build a high-performance data pipeline" --stack cpp
# C#
python agents/multiagent_workflow.py "Build a microservices API" --stack csharp
# Web
python agents/multiagent_workflow.py "Build a dashboard UI" --stack web
| Task | Command |
|---|---|
| Install deps | pip install -r requirements.txt (or use setup.sh) |
| Run dev | uvicorn src.main:app --reload |
| Run tests | pytest --cov=src --cov-report=term-missing |
| Format | black src/ tests/ |
| Lint | ruff check src/ tests/ |
| Type check | mypy src/ |
| Task | Command |
|---|---|
| Install deps | cd nodejs && npm install |
| Run dev | cd nodejs && npm run dev |
| Build | cd nodejs && npm run build |
| Run tests | cd nodejs && npm test |
| Lint | cd nodejs && npm run lint |
| Format | cd nodejs && npm run format |
| Task | Command |
|---|---|
| Build | ./cpp/scripts/build.sh |
| Build debug | ./cpp/scripts/build.sh Debug |
| Run tests | cd cpp/build && ctest --output-on-failure |
| Format | clang-format -i cpp/src/**/*.cpp cpp/include/**/*.hpp |
| Task | Command |
|---|---|
| Restore | dotnet restore csharp/ |
| Build | dotnet build csharp/ |
| Run tests | dotnet test csharp/ --collect:"XPlat Code Coverage" |
| Run app | dotnet run --project csharp/ |
| Task | Command |
|---|---|
| Install deps | cd web && npm install |
| Run dev | cd web && npm run dev |
| Build | cd web && npm run build |
| Preview | cd web && npm run preview |
| Run tests | cd web && npm test |
| Lint | cd web && npm run lint |
gemma4:4b (fast, good for coding)http://localhost:11434/v1.claude.md in repo root| File | Purpose | When to Update |
|---|---|---|
docs/PRD.md |
What to build | When requirements change |
docs/ARCHITECTURE.md |
Where files go, data flow, stack selection | When adding/removing modules |
docs/CONTEXT.md |
How to code per stack | When standards change |
.cursorrules |
Cursor IDE behavior | When switching editors |
.claude.md |
Claude Code behavior | When switching agents |
Connect your IDE to powerful tools:
Setup in your IDE (Cursor/VS Code/Claude Code):
mcp.jsonclaude mcp add hf-mcp-server -t http "https://huggingface.co/mcp?login"opencode.jsondocs/PRD.mddocs/ARCHITECTURE.mdgit commit -m "feat: implement user registration"| Stack | Framework | ORM | Testing | Linting | Key Features |
|---|---|---|---|---|---|
| Python | FastAPI 0.110 | SQLAlchemy 2.0 | pytest + cov | black, ruff, mypy | Pydantic v2, dependency injection |
| Node.js | Express 4.19 | Prisma 5.11 | Vitest | ESLint + Prettier | Zod validation, Winston logging |
| C++ | Custom / Crow | SQLite | GoogleTest | clang-format | C++23, std::expected, RAII |
| C# | ASP.NET Core 8 | EF Core | xUnit + Moq | .editorconfig | Serilog, FluentValidation |
| Web | React 18 + Vite | React Query | Vitest + RTL | ESLint + Prettier | Tailwind, Zustand, Lucide |
git clone https://huggingface.co/Jordandevlog/ai-dev-template my-project