ClaudeFlow

A Claude Code system for building and deploying web apps.

What Is This?

ClaudeFlow is two layers:

1. The system (this repo) — a lightweight set of skills and context files that teach Claude Code how to scaffold, build, deploy, and templatize web apps. It has zero runtime dependencies.
2. Your projects — each project ClaudeFlow creates is its own standalone directory with its own dependencies, chosen based on what you're building.

ClaudeFlow doesn't ship a framework, a database, or a styling library. It ships the intelligence to help you pick the right ones and wire them together.

Quick Start

Option A: npx (recommended)

npx get-claudeflow

This downloads ClaudeFlow and sets everything up in one step.

Option B: Git clone

git clone https://github.com/tiff-k/claudeflow.git
cd claudeflow

Then: start building

claude

Inside Claude Code, run:

/new-project

Claude will ask what you want to build, suggest a stack, and scaffold the project for you. There is no npm install step — ClaudeFlow itself has no dependencies. Your individual projects will install their own dependencies when they're created.

Commands

Type these inside Claude Code:

Command	What It Does
/new-project	Scaffold a new web app — choose your stack, name it, start building
/deploy	Deploy your project to Vercel
/templatize	Save a finished project as a reusable template
/stuck	Get help when something isn't working

How It Works

1. /new-project asks what you're building and creates a project with the right tools. Need a database? It adds Supabase. Need auth? It sets that up. Building a static landing page? It skips what you don't need.

2. You build with Claude. Describe what you want. Claude writes the code, explains what it's doing, and follows your lead. You make the creative decisions.

3. /deploy puts your project live with a URL you can share.

4. /templatize saves a finished project as a reusable skeleton — file structure, dependencies, config, and styling, with the project-specific content stripped out. Next time you run /new-project, Claude offers your templates as starting points. Every project you build makes the next one faster.

Prerequisites

Required:

• Node.js (version 18 or higher)
• Claude Code

Optional (only if your project needs them):

• GitHub account — for version control
• Vercel account — for deployment
• Supabase account — for database and auth

Project Structure

claudeflow/
├── CLAUDE.md                    # System identity (how Claude behaves)
├── README.md
├── .claude/
│   └── skills/                  # Skill definitions for each command
│       ├── new-project/
│       ├── deploy/
│       ├── templatize/
│       └── stuck/
└── context/
    ├── me.md                    # Your profile and preferences
    ├── projects.md              # Index of projects you've built
    └── templates/               # Saved templates from /templatize

Your projects live in their own directories, separate from ClaudeFlow.

FAQ

Do I need to know how to code? No. Claude writes the code. You describe what you want to build and make decisions about how it should look and work.

What tech stack does this use? ClaudeFlow itself has no tech stack — it's a system of instructions and skills for Claude Code. Each project you create gets its own stack based on what you're building. Common choices include Next.js, Tailwind CSS, and Supabase, but nothing is locked in.

What if I get stuck? Type /stuck in Claude Code. Claude will read the error, explain what went wrong in plain language, fix it, and explain why it happened.

Can I use this for any kind of web app? Yes. Landing pages, portfolios, full-stack apps, blogs, dashboards, APIs — /new-project adapts to what you describe.

What does /templatize actually save? File structure, framework config, dependencies, styling and theme setup, component architecture, and layout patterns. It strips out your specific content (text, images, data, env values) and keeps the reusable skeleton.

Is this free? ClaudeFlow is free. Claude Code requires a Claude subscription. Vercel and Supabase have free tiers that cover most projects.

---

Built by @techtiffai