Vibecoding Checklist

A master checklist for Vibecoding

Edit checklist

1 🌐 Websites

13 phases in order. Replace [PROJECT TYPE] with “website”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode the perfect name, tagline and short description for my website. Idea: [PASTE YOUR IDEA]. Give me 5 name options, check if domain .com and social handles are likely free, and suggest a vibe-matching color palette.

Generate a complete branding kit for my website named [name]. Include hex colors, Google fonts, logo text description, favicon specs and dark/light versions.

Define the exact tone of voice and writing style guide for my website. Give examples for buttons, errors and README.

List every username, domain, package name and handle I need to register today for my website named [name] and tell me the exact places to do it.

Phase 2: README & Initial Documentation

Prompt to send to AI
Vibecode a complete README.md for my website. Name: [name]. Tech stack: [list]. Make it exciting, add badges, quick start, and future roadmap section.

Generate professional yet vibey CONTRIBUTING.md and CODE_OF_CONDUCT.md for my website project.

Add a clean 'Roadmap & Future Vibes' section to my README for website with 8–10 realistic features.

Give me the exact 2-line comment I should put at the top of every file in my website project.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Generate the perfect .gitignore and commitlint config for my website using [tech stack].

Give me the exact terminal commands + best flags to initialize a new website project with [tech: React/Astro/Next/etc].

Generate LICENSE.md and .github/ISSUE_TEMPLATE for my website.

Create a basic GitHub Actions workflow for lint + test on my website.

Phase 4: Environment & Settings

Prompt to send to AI
List and create .env.example with all necessary variables for my website (API keys, ports, URLs, etc).

Vibecode the perfect config files for my website using [tech].

Add pro logging setup for my website with different levels and colors.

Generate .vscode/settings.json recommended settings for my website.

Phase 5: Folder Structure & Architecture

Prompt to send to AI
Vibecode the perfect folder structure for my website. Tech: [list]. Show it as tree and explain why each folder exists.

Refactor my current structure into clean architecture for website. Current: [paste tree].

Generate the shared/utils folder with 8 must-have helper files for my website.

Create a perfect constants/config file for my website with all reusable values.

Phase 6: Design System & UI/UX

Prompt to send to AI
Create a full design system (Tailwind / CSS variables) for my website. Name: [name]. Include dark mode.

Generate reusable loading, empty and error state components/UI for my website.

Add smooth micro-interactions and Framer Motion / CSS animations to my website screens.

Make this UI perfectly responsive for website. Code: [paste].

Phase 7: Authentication & Login (if needed)

Prompt to send to AI
Implement the best auth system (with social login + magic links) for my website. Tech: [your choice].

Add full protected routes/screens for my website auth system.

Build the complete forgot-password + email verification flow for website.

Add secure session management and auto-logout for my website.

Phase 8: Core Functionality & Features

Prompt to send to AI
Vibecode the core user flows for my website. Flows: [list them].

Add beautiful validation and error messages to all forms/inputs in my website.

Add delightful feedback (toasts, sounds) to my website features.

Add full offline support and edge-case handling for my website.

Phase 9: Data Management & Storage

Prompt to send to AI
Set up the perfect data layer for my website (Supabase / JSON / localStorage).

Generate clean data models and serialization for my website.

Write clean CRUD functions with full error handling for my website.

Add one-click data export and backup for my website.

Phase 10: Security, Privacy & Attribution

Prompt to send to AI
Do a complete security audit and fix everything in my website code.

Generate a full privacy policy + attributions.md + licenses page for my website.

Add encryption at rest and consent flows for my website.

Create an attributions.md and in-app credits for my website with all libraries used.

Phase 11: Performance Optimization

Prompt to send to AI
Optimize this website for maximum speed and smallest bundle size. Code: [paste].

Make my website run at 60 fps and feel super smooth.

Implement smart caching for my website.

Phase 12: Testing & QA

Prompt to send to AI
Write full Jest / Vitest tests for my website core features.

Generate a complete manual vibe-testing checklist for my website before every release.

Hook up Sentry to my website with proper source maps.

Phase 13: Deployment & Distribution

Prompt to send to AI
Generate complete deployment + CI/CD pipeline for my website.

Create all store assets (icons, screenshots, descriptions) for my website if needed.

Implement auto-update for my website if applicable.

Websites: Type-specific bonus

Prompt to send to AI
Add PWA + offline support + install prompt to my website.

Add SEO meta tags, Open Graph, sitemap.xml, robots.txt for my website.

Set up Google Analytics + Web Vitals for my website. Target Lighthouse 95+.

Add contact form with spam protection and cookie consent (GDPR) for my website.

Add dark/light mode toggle that respects system preference for my website.

2 📱 Webapps

13 phases in order. Replace [PROJECT TYPE] with “webapp”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode the perfect name, tagline and short description for my webapp. Idea: [PASTE]. Give 5 name options, domain check, vibe-matching color palette.

Generate a complete branding kit for my webapp named [name]. Hex colors, fonts, logo, favicon, dark/light.

Define tone of voice and writing style for my webapp. Examples for buttons, errors, README.

List every username, domain, handle to register for my webapp named [name].

Phase 2: README & Documentation

Prompt to send to AI
Vibecode a complete README.md for my webapp. Name: [name]. Tech: [list]. Badges, quick start, roadmap.

Generate CONTRIBUTING.md and CODE_OF_CONDUCT.md for my webapp.

Add Roadmap & Future Vibes (8–10 features) to README for webapp.

Give me the 2-line comment for the top of every file in my webapp.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Perfect .gitignore and commitlint for my webapp using [tech stack].

Exact terminal commands to initialize a new webapp with [React/Next + Node/Django/etc].

Generate LICENSE.md and .github/ISSUE_TEMPLATE for my webapp.

Create GitHub Actions workflow for lint + test on my webapp.

Phase 4: Environment & Settings

Prompt to send to AI
Create .env.example with all variables for my webapp (API keys, ports, DB URL, etc).

Vibecode perfect config files for my webapp (frontend + backend).

Add pro logging for my webapp with levels and colors.

Generate .vscode/settings.json for my webapp.

Phase 5: Folder Structure & Architecture

Prompt to send to AI
Perfect folder structure for my webapp. Tech: [list]. Tree + explanation.

Refactor into clean architecture for webapp. Current: [paste tree].

Generate shared/utils with 8 must-have helpers for my webapp.

Create constants/config file for my webapp.

Phase 6: Design System & UI/UX

Prompt to send to AI
Full design system for my webapp. Name: [name]. Include dark mode.

Reusable loading, empty, error state components for my webapp.

Add micro-interactions and Framer Motion / CSS animations to my webapp.

Make UI perfectly responsive for my webapp. Code: [paste].

Phase 7: Authentication & Login

Prompt to send to AI
Implement best auth (social + magic links) for my webapp. Tech: [choice].

Add protected routes/screens for my webapp auth.

Build forgot-password + email verification for webapp.

Add session management and auto-logout for my webapp.

Phase 8: Core Functionality & Features

Prompt to send to AI
Vibecode core user flows for my webapp. Flows: [list].

Add validation and error messages to all forms in my webapp.

Add delightful feedback (confetti, toasts) to my webapp features.

Add offline support and edge-case handling for my webapp.

Phase 9: Data Management & Storage

Prompt to send to AI
Set up perfect data layer for my webapp (Supabase/Room/SQLite/JSON).

Generate data models and serialization for my webapp.

Write CRUD with full error handling for my webapp.

Add one-click export and backup for my webapp.

Phase 10: Security, Privacy & Attribution

Prompt to send to AI
Complete security audit and fix everything in my webapp code.

Generate privacy policy + attributions.md + licenses for my webapp.

Add encryption and consent flows for my webapp.

Create attributions.md and in-app credits for my webapp.

Phase 11: Performance

Prompt to send to AI
Optimize my webapp for max speed and smallest bundle. Code: [paste].

Make my webapp 60 fps and battery friendly.

Implement smart caching for my webapp.

Phase 12: Testing & QA

Prompt to send to AI
Write Jest/Vitest tests for my webapp core features.

Generate manual vibe-testing checklist for my webapp before release.

Hook up Sentry to my webapp with source maps.

Phase 13: Deployment

Prompt to send to AI
Complete deployment + CI/CD pipeline for my webapp.

Create store assets for my webapp.

Implement auto-update for my webapp if applicable.

Webapps: Type-specific bonus

Prompt to send to AI
Add state management (Zustand/Redux/Pinia) for my webapp.

Add real-time with WebSockets or Supabase Realtime to my webapp.

Implement role-based access control for my webapp.

Add multi-tab sync and keyboard shortcuts to my webapp.

Add PWA + push notifications and export to PDF/CSV for my webapp.

3 🖥️ Windows apps

13 phases in order. Replace [PROJECT TYPE] with “Windows app”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode name, tagline, description for my Windows app. Idea: [PASTE]. 5 names, domain/Store check, color palette.

Generate branding kit for my Windows app named [name]. Colors, fonts, icon specs.

Define tone of voice for my Windows app UI and README.

List every handle and package name to register for my Windows app [name].

Phase 2: README & Documentation

Prompt to send to AI
Vibecode README for my Windows app. Name: [name]. Tech: [list]. Badges, quick start, roadmap.

Generate CONTRIBUTING.md and CODE_OF_CONDUCT.md for my Windows app.

Add Roadmap to README for Windows app.

Give 2-line comment for top of every file in my Windows app.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Perfect .gitignore for my Windows app. Generate .bat that installs Python/Node/runtime + requirements.txt so one file sets up project.

Exact commands to create new Windows app with [WinUI 3/WPF/Electron/Python].

Generate LICENSE and .github/ISSUE_TEMPLATE for my Windows app.

Create GitHub Actions for build + test on my Windows app.

Phase 4: Environment & Settings

Prompt to send to AI
Create config with all variables for my Windows app. API keys in env/config only.

Vibecode app config (appsettings.json, AndroidManifest-style) for my Windows app.

Add logging to file with levels for my Windows app.

Generate .vscode/settings or VS solution settings for my Windows app.

Phase 5: Folder Structure & Architecture

Prompt to send to AI
Perfect folder structure for my Windows app. Tech: [list]. Tree + explanation.

Refactor into MVVM/clean architecture for Windows app. Current: [paste].

Generate shared/utils for my Windows app.

Create constants file for my Windows app.

Phase 6: Design System & UI/UX

Prompt to send to AI
Design system for my Windows app. Default night theme. XAML/WinUI/Electron theme. Include dark mode.

Loading, empty, error state UI for my Windows app.

Add micro-interactions. Hide console window and prevent app showing as console on taskbar.

Make layout responsive and text readable (WCAG).

Phase 7: Authentication (if needed)

Prompt to send to AI
Implement auth for my Windows app (Windows Hello / JWT / OAuth).

Add protected screens for my Windows app.

Build password reset flow for my Windows app.

Add session management and auto-logout for my Windows app.

Phase 8: Core Functionality

Prompt to send to AI
Vibecode core user flows for my Windows app. Flows: [list].

Add validation and error messages to all inputs in my Windows app.

Add progress bars and toasts; use async/threading so UI never freezes.

Handle edge cases; make timeouts configurable.

Phase 9: Data & Storage

Prompt to send to AI
Set up data layer for my Windows app (SQLite/JSON/settings).

Generate data models and serialization for my Windows app.

Write CRUD with error handling for my Windows app.

Add export/backup for my Windows app.

Phase 10: Security, Privacy & Attribution

Prompt to send to AI
Secure storage for secrets in my Windows app. Audit for hardcoded keys.

Generate privacy policy + attributions for my Windows app.

Add encryption at rest if my Windows app stores sensitive data.

Create attributions and About with GitHub link for my Windows app.

Phase 11: Performance

Prompt to send to AI
Make my Windows app 60 fps and never block UI.

Optimize background work for battery.

Add caching for my Windows app.

Phase 12: Testing & QA

Prompt to send to AI
Write unit tests for my Windows app core features.

Generate manual vibe-test checklist for my Windows app.

Hook up crash reporting for my Windows app.

Phase 13: Deployment

Prompt to send to AI
Generate installer (Inno Setup or MSIX) for my Windows app. One-command build.

Create store assets for my Windows app for Microsoft Store.

Implement auto-update for my Windows app.

Windows apps: Type-specific bonus

Prompt to send to AI
Add native menu, system tray icon, and global hotkeys to my Windows app.

Implement Windows Hello / biometric login for my Windows app.

Create proper installer (Inno Setup or MSIX) for my Windows app.

Add taskbar progress and jump lists. Dark mode following Windows theme.

Add auto-start on boot option and drag-and-drop file support.

4 📜 Scripts

13 phases in order. Replace [PROJECT TYPE] with “script”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode name and short description for my script. Idea: [PASTE]. Check PyPI/npm name availability.

Define tone for help text and error messages for my script.

List package name and handles to reserve for my script [name].

Phase 2: README & Documentation

Prompt to send to AI
Vibecode README for my script. Name: [name]. What it does, install, run, all args, examples. Troubleshooting, compatibility.

Generate CONTRIBUTING for my script if open source.

Add roadmap/future section to README for script.

Give 2-line docstring for top of my script file.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Perfect .gitignore for my [Python/Node/bash] script. One .bat or script that installs deps and runs (brand new PC test).

Generate requirements.txt or package.json for my script with all deps.

Generate LICENSE and .github/ISSUE_TEMPLATE for my script.

Create GitHub Actions for lint/test on my script.

Phase 4: Environment & Settings

Prompt to send to AI
Add CLI with argparse/click for my script. All options, env vars, no secrets in code.

Create config file (YAML/JSON) with validation for my script.

Add logging to file + colorful console (rich/tqdm style) for my script.

Write help text for every argument that actually helps the user.

Phase 5: Folder Structure

Prompt to send to AI
Perfect folder structure for my script. Tree + entry point.

Refactor script into modules; clear main(). Current: [paste].

Generate utils/helpers for my script.

Create constants file for my script.

Phase 6: Design / UX (CLI)

Prompt to send to AI
Add rich progress bars and spinners to my script.

Make success/error output clear and consistent.

Add colors and formatting (rich/click) to my script output.

Add --version and optional update checker for my script.

Phase 7–9: (N/A or minimal for scripts)

Prompt to send to AI
Ensure all API keys/tokens are in env or config for my script.

Document input and output for my script; add validation.

Sanitize user/API data for safe filenames. Use relative paths or __dirname/%~dp0.

Phase 10: Security & Attribution

Prompt to send to AI
Audit my script for hardcoded secrets; use env/config only.

Add attribution for libraries; ensure LICENSE in repo. Add GitHub link in README.

Phase 11–12: Performance & Testing

Prompt to send to AI
Add streaming and timeouts for large data in my script.

Write pytest/jest tests for my script core logic.

Add error reporting to file; optional Discord webhook for failures.

Phase 13: Packaging & Deployment

Prompt to send to AI
Create one-file executable with PyInstaller/Nuitka for my script.

Generate GitHub Releases workflow and install instructions for my script.

Scripts: Type-specific bonus

Prompt to send to AI
Add argparse/click + rich progress bars, log to file + colorful console, config YAML/JSON with validation.

Create one-file executable; error report to file + optional Discord webhook.

Add --version and update checker; help text that actually helps.

5 🤖 Telegram bots

13 phases in order. Replace [PROJECT TYPE] with “Telegram bot”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode name and description for my Telegram bot. Idea: [PASTE]. Check @BotFather username.

Define tone of voice for bot messages and errors.

List bot username and any handles to reserve for my Telegram bot [name].

Phase 2: README & Documentation

Prompt to send to AI
Vibecode README for my Telegram bot. How to get token, run (polling/webhook), all commands.

Generate CONTRIBUTING for my Telegram bot.

Add roadmap to README. Give 2-line docstring for top of main bot file.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Perfect .gitignore for my Telegram bot. Token only in env.

Exact commands to create new Telegram bot with [python-telegram-bot/Telegraf].

Generate LICENSE and .github/ISSUE_TEMPLATE for my Telegram bot.

Create GitHub Actions for my Telegram bot.

Phase 4: Environment & Settings

Prompt to send to AI
Create .env.example for my Telegram bot (BOT_TOKEN, webhook URL, DB, etc).

Vibecode config for my Telegram bot.

Add logging with levels for my Telegram bot.

Add settings via commands or inline buttons; persist user preferences.

Phase 5: Folder Structure & Architecture

Prompt to send to AI
Perfect folder structure for my Telegram bot. Handlers, utils, models.

Design command routing and FSM for my Telegram bot.

Generate shared utils for my Telegram bot. Create constants file.

Phase 6: Design (Conversation & Keyboards)

Prompt to send to AI
Add inline keyboards and callback queries everywhere to my Telegram bot.

Write clear /start and /help messages for my Telegram bot.

Define consistent message formatting and friendly error messages.

Phase 7: Auth / Protected Commands

Prompt to send to AI
Add admin-only commands and user allowlist/blocklist for my Telegram bot.

Add protected command handlers for my Telegram bot.

Phase 8: Core Functionality

Prompt to send to AI
Vibecode all main commands for my Telegram bot. Flows: [list].

Add validation and helpful error messages for my Telegram bot.

Implement FSM for conversation states in my Telegram bot.

Add rate limiting and anti-flood protection to my Telegram bot.

Phase 9: Data & Storage

Prompt to send to AI
Set up persistent storage (SQLite/Redis) for my Telegram bot user data.

Generate user/session models for my Telegram bot.

Write CRUD with error handling for my Telegram bot.

Phase 10: Security & Attribution

Prompt to send to AI
Audit my Telegram bot: token only in env, rate limit, abuse protection.

Add attribution and GitHub link in README for my Telegram bot.

Phase 11–12: Performance & Testing

Prompt to send to AI
Set up webhook (or polling) for my Telegram bot. Document decision.

Write tests for my Telegram bot command handlers.

Add error logging and optional Sentry for my Telegram bot.

Phase 13: Deployment

Prompt to send to AI
Generate deployment (VPS/Railway) and webhook setup for my Telegram bot.

Create BotFather command list and description for my Telegram bot.

Telegram bots: Type-specific bonus

Prompt to send to AI
Implement full FSM and conversation states for my Telegram bot.

Add inline keyboards and callback queries; rate limiting and anti-flood.

Implement /start, /help, custom commands menu; persistent user storage.

Set up webhook vs polling; add admin commands and broadcast feature.

6 📲 Android apps

13 phases in order. Replace [PROJECT TYPE] with “Android app”. Use the prompts below to vibecode each step.

Phase 1: Project Naming & Branding

Prompt to send to AI
Vibecode name and package for my Android app. Idea: [PASTE]. Check Play Store.

Generate branding (colors, icon, splash) for my Android app named [name].

Define tone for in-app copy. List package name to reserve.

Phase 2: README & Documentation

Prompt to send to AI
Vibecode README for my Android app. Build instructions, JDK, Gradle, API level. Troubleshooting.

Generate CONTRIBUTING and CODE_OF_CONDUCT for my Android app.

Add roadmap to README. Give KDoc/file header for main files.

Phase 3: Project Setup & Initialization

Prompt to send to AI
Perfect .gitignore for my Android app. Gradle, build outputs.

Exact steps to create new Android app with [Kotlin/Compose/XML]. Build script with JAVA_HOME.

Generate LICENSE and .github/ISSUE_TEMPLATE for my Android app.

Create GitHub Actions for build and lint on my Android app.

Phase 4: Environment & Settings

Prompt to send to AI
Configure build for my Android app; API keys in local.properties or BuildConfig.

Create Settings screen with DataStore/SharedPreferences persistence for my Android app.

Add logging (Logcat + optional file). Ensure no secrets in code.

Phase 5: Folder Structure & Architecture

Prompt to send to AI
Perfect folder structure (MVVM) for my Android app. data, domain, ui.

Refactor into clean architecture for my Android app. Current: [paste].

Generate shared utils and constants for my Android app.

Phase 6: Design System & UI/UX

Prompt to send to AI
Create Material 3 theme (Jetpack Compose or XML) for my Android app. Dark mode.

Add loading, empty, error state UI for my Android app.

Add micro-interactions and navigation; About and Settings screens.

Phase 7: Authentication (if needed)

Prompt to send to AI
Implement auth (Firebase/biometric) for my Android app.

Add protected screens and biometric/fingerprint login for my Android app.

Phase 8: Core Functionality

Prompt to send to AI
Vibecode core user flows for my Android app. Flows: [list].

Add validation and error messages for my Android app.

Set up Room + Hilt + Coroutines/Flow for my Android app.

Add offline support and edge-case handling for my Android app.

Phase 9: Data & Storage

Prompt to send to AI
Set up Room database for my Android app. Persistence across restarts.

Generate data models and DAOs for my Android app.

Write CRUD with error handling for my Android app.

Phase 10: Security & Attribution

Prompt to send to AI
Audit my Android app for secrets; ProGuard rules. Add attribution and About screen with GitHub link.

Phase 11: Performance

Prompt to send to AI
Optimize my Android app for 60 fps and battery. Use WorkManager for background.

Add Coil for images and caching for my Android app.

Phase 12: Testing & QA

Prompt to send to AI
Write unit and instrumented tests for my Android app.

Hook up Firebase Crashlytics for my Android app.

Phase 13: Deployment & Play Store

Prompt to send to AI
Generate release build, signing, and app bundle for my Android app.

Create store listing assets (screenshots, description) for my Android app.

Add deep linking and App Links for my Android app.

Android apps: Type-specific bonus

Prompt to send to AI
Implement Material 3 theme, Room + Hilt + Coroutines/Flow for my Android app.

Add Firebase/WorkManager for background; deep linking and App Links.

Add notification channels and rich notifications; biometric login.

Prepare Play Store: app bundle, signing, ProGuard for my Android app.