๐Ÿš€ The Ultimate Web App Developer Prompt Cheat-Sheet (Gold Mine)

๐Ÿ† Build Full Applications in < 10 Hours Using These Prompts

๐Ÿ“Œ 1) Project Discovery & Rapid Scoping

Use this FIRST for any project.

Act as a CTO and Senior Full-Stack Architect.
I will describe a web app idea. Your tasks:

1) Ask only the most essential questions (max 10) to define a complete system.
2) Based on answers, produce:
โœ” Full feature list (MVP + Advanced)
โœ” Database ERD
โœ” System architecture
โœ” Technology recommendation
โœ” Development phases (must finish within 10 total hours)
โœ” Time breakdown per feature (โ‰ค10 hours total)
3) Assume budget: small startup.
4) Require scalability, security, and minimal maintenance cost.

My App Idea:
describe idea here

๐Ÿ— 2) Architecture + Database Generation

Act as a senior backend architect. Generate:
โœ” Complete micro or monolithic architecture (choose best)
โœ” Diagram description
โœ” Folder and code structure (clean architecture)
โœ” Full database schema + ER Diagram
โœ” User roles + permissions matrix
โœ” Security checklist (OWASP)
โœ” API versioning plan
Tech Stack: [React / Vue / Next / Laravel / Django / FastAPI / Node/Express etc.]
Style: Best practices for enterprise maintainability.

๐Ÿ’พ 3) Generate API + Models + Controllers Automatically

Act as a backend lead. Based on the architecture above, generate:
1) All Models/Schemas with validation.
2) CRUD APIs + Business Logic + Middlewares + Policies.
3) Pagination, filtering, searching endpoints.
4) Error & exception handling standards.
5) Reusable service structure.
6) Folder tree with final code snippets.
Output format:
๐Ÿ“Œ File Tree
๐Ÿ“Œ Code (final production-ready, no placeholders)
๐Ÿ“Œ Test examples (unit + integration)

๐ŸŽจ 4) UI + Frontend Code Generator

Act as a senior frontend engineer. Generate a production-ready UI:
โœ” SPA or SSR (choose best)
โœ” UX-first layout
โœ” Fully responsive with utility classes
โœ” Template components (Nav, Sidebar, Dashboard, Forms, Tables, Modals)
โœ” Connection to backend API
โœ” State management (Redux/Pinia/Zustand etc.)
โœ” Auth flow (JWT/Session)
โœ” Error states + loading skeletons
Framework: [React / Next / Vue / Nuxt / Angular]
UI Library: [Tailwind / Bootstrap / ShadCN / MUI]
Output:
๐Ÿ“Œ Folder tree
๐Ÿ“Œ Real code per component (ready to paste)
๐Ÿ“Œ Hooks/services for API calls

๐Ÿ” 5) Authentication + OTP + Social Login Prompt

Act as a security-focused backend expert.
Generate ready-to-use authentication:
โœ” Registration + Login + Logout
โœ” Email verification + OTP (SMS optional)
โœ” Social login (Google/Github)
โœ” Role-based Middleware + Permissions Guard
โœ” Refresh + Access token system
โœ” Brute-force protection + Rate limiting
โœ” Secure cookie settings
Output code for:
โœ” Backend (Controllers, Routes, Middleware)
โœ” Frontend Auth Integration

๐Ÿ’ณ 6) Payment Integration (Stripe/Mollie/SSLCommerz/etc.)

Act as a FinTech engineer. Integrate [payment gateway].
Tasks:
โœ” Subscription + One-time checkout
โœ” Webhooks + Payment logs
โœ” Refund + Cancel system
โœ” Multi-currency support
โœ” DB models + Controllers + APIs
โœ” Proper security & webhook verification
โœ” UI flow + success/failure pages
Output required:
๐Ÿ“Œ Backend Code
๐Ÿ“Œ Frontend Code
๐Ÿ“Œ Deployment notes

๐Ÿค– 7) AI Features (Text, Image, Recommendation, Automation)

Act as an AI engineer. Add to the app:
โœ” AI Feature type: [Chatbot / text summary / recommendation / image gen etc.]
โœ” Best FREE or low-cost API options
โœ” Request/response validation
โœ” Prompt optimization for best output
โœ” Caching + DB logging of results
โœ” UI components to trigger AI feature
Output:
๐Ÿ“Œ Backend code with API integration
๐Ÿ“Œ Frontend UI & calls
๐Ÿ“Œ Real prompts (optimized)

๐Ÿงช 8) Automated Testing (Unit + Integration + E2E)

Act as a QA Lead. Generate:
โœ” Unit test cases for core modules
โœ” Integration tests for authentication + CRUD + API
โœ” E2E tests (Playwright/Cypress)
โœ” Test data factory + mocking
โœ” Coverage report setup (>= 90%)
Output:
๐Ÿ“Œ Test file structure
๐Ÿ“Œ Sample test snippets (real executable code)
๐Ÿ“Œ CI/CD testing config

๐Ÿš€ 9) Deployment + CI/CD + Scaling Prompt

Act as a DevOps Architect. Generate deployment & scaling setup:
โœ” Docker + Docker Compose
โœ” Nginx/Apache reverse proxy
โœ” CI/CD with GitHub Actions/GitLab
โœ” Auto SSL + HTTPS
โœ” Horizontal scaling plan
โœ” DB backup + rotation scripts
Choose best hosting: [Railway / Render / VPS / Vercel / Netlify / DigitalOcean]
Provide:
๐Ÿ“Œ Commands
๐Ÿ“Œ Config files
๐Ÿ“Œ Folder structure
๐Ÿ“Œ Best budget approach (<$10/month)

๐Ÿ“š 10) Generate Complete Documentation (Developer + API + User)

Act as a Tech Writer. Create documentation:
โœ” Install instructions
โœ” Project setup
โœ” Architecture explanation
โœ” API documentation in table format
โœ” ER Diagram + explanation
โœ” Roles/Permissions chart
โœ” Screenshots plan
โœ” Change log + maintenance guide
โœ” Future roadmap suggestions
โœ” License recommendation
Style: clean, concise, professional.
Output: Markdown + PDF (if asked)