Key Takeaways
- We made a Claude Code starter template for building fullstack web apps from plain English — 20 skills, 3 agents, Next.js stack. Clone it, describe what you want, and watch it build.
- It’s a great first step if you’re curious about vibe-coding — you don’t need to be an engineer. The whole point is that you describe what you want in normal words and the AI figures out the rest.
- Fair warning: it’s a toy project — we use it internally to spin up quick tools, but it’s not battle-tested enterprise software. Think of it as a fun playground to learn AI-assisted development.
- It’s MIT licensed and free — fork it, break it, make something cool with it.
Wait, a BPO Company Made This?
Yeah, we know — a call center company releasing a coding template on GitHub sounds weird. But we have a small engineering team that builds internal tools constantly, and we got tired of setting up the same project scaffolding every time. So we packaged our setup into a template that works with Claude Code, and figured other people might find it useful too.
It’s nothing groundbreaking. It’s just a nice starting point if you want to try building something with AI.
What’s Inside
The Fullstack Vibe-Coding Template is basically a starter project for Claude Code — Anthropic’s AI coding tool. You clone it, tell Claude what you want in plain English, and it sets up the whole app for you. Database, UI, APIs, tests — the works.
Sounds too good to be true? It kind of is. It works surprisingly well for simple projects, but don’t expect miracles on anything too complex. The secret sauce is 20 pre-written “skills” and 3 helper agents that live in the .claude/skills/ folder and teach Claude how to do things properly.
The Skills (Fancy Name for Prompt Files)
Each skill is just a text file with instructions for a specific task. Claude reads them and follows the rules. Nothing fancy, but it keeps things consistent.
Building stuff: database design, API patterns, testing, version control.
Keeping it clean: security checks, performance tips, accessibility (WCAG), dependency updates.
Making it pretty: UI components (Tailwind + shadcn/ui), multiple languages (i18n), charts and data.
The helpers: An agent that figures out which skills to use. Another that learns from your work and creates new skills. (This one is actually pretty cool.)
The Stack
Standard modern web dev stuff:
- Next.js 14 with React 18 and TypeScript
- Tailwind CSS with shadcn/ui components
- Drizzle ORM — SQLite locally, MySQL in production
- Vitest + Playwright for testing
- CI/CD config included
How We Use It (The Boring Backstory)
We’re a BPO company — we run customer service for other businesses. Our ops team is constantly asking for little tools: a dashboard for this client, a reporting widget for that account, a workflow tracker for onboarding. Normal software doesn’t cover these niche needs, so our small engineering team builds them.
This template is just the starting point we use when spinning up these quick internal tools. Nothing glamorous — it just saves us from copy-pasting the same setup every time.
Someone Needs a Thing
An ops manager says “I need a dashboard that shows X, Y, and Z.”We Describe It
We write out what the tool should do in plain English.Claude Builds the First Draft
Clone the template, feed it the description, and Claude generates the app — database, APIs, UI, the whole thing.We Clean It Up
A human reviews the code, runs tests, fixes the weird parts, and ships it. Usually takes a few days.That’s it. No grand vision. Just a faster way to build small tools.
Why Give It Away?
Honestly? It’s not that valuable as proprietary code. It’s a scaffold — Next.js, Tailwind, Drizzle. You could build the same thing in a weekend.
What’s useful is the pattern — the idea of teaching an AI assistant your team’s best practices through structured skill files. We think more people should try this approach, especially non-engineers who are curious about AI coding.
Plus, putting code on GitHub keeps us honest. If our security review skill isn’t good enough for strangers to read, it’s not good enough for us either.
Go Play With It
The template is at github.com/callnovo-lab/fullstack-vibe-coding-template. MIT license. Free. Clone it, install Claude Code, and tell it what you want to build.
Two fun commands:
/just-do-it— Runs all the quality checks on your code automatically./improve-skills— Learns from what you just built and creates new skills for next time.
If you’ve been curious about vibe-coding but didn’t know where to start — this is a pretty low-pressure way to try it. Break it, fork it, make something weird with it. That’s the whole point.
