50 Vibe Coding Prompts That Actually Ship Production Code

Vibe coding is building software by describing what you want in plain English. These 50 prompts work with Claude Code, Cursor, and other AI coding tools. Every single one has been tested and produces deployable code.

Frontend Prompts (1-10)

1. "Build a responsive landing page with dark theme, hero section, feature grid, pricing cards, and footer. Use CSS grid, no frameworks."

2. "Create a search bar with real-time filtering that filters a list of items as the user types. Pure HTML/CSS/JS, debounce the input."

3. "Build a modal component that opens on button click, closes on overlay click or Escape key, traps focus inside, and is accessible."

4. "Create an image gallery with lazy loading, lightbox on click, keyboard navigation, and responsive grid layout."

5. "Build a form with client-side validation: email format, password strength meter, matching confirm password, and inline error messages."

6. "Create a sticky navigation bar that shrinks on scroll, highlights the active section, and has a mobile hamburger menu."

7. "Build a dark/light theme toggle that saves preference to localStorage and respects the user's system preference."

8. "Create an animated counter that counts up to a target number when the element scrolls into view."

9. "Build a toast notification system: success/error/warning types, auto-dismiss after 5 seconds, stack multiple, and slide in from the right."

10. "Create a drag-and-drop sortable list using native HTML5 drag and drop API. No libraries."

Backend / API Prompts (11-20)

11. "Build a REST API with Express.js that has CRUD routes for /api/users, input validation, error handling, and rate limiting."

12. "Create a Cloudflare Worker that serves as a URL shortener: stores URLs in KV, generates short codes, redirects on GET."

13. "Build a webhook endpoint that receives Stripe payment events, verifies the signature, and stores the transaction."

14. "Create an API endpoint that accepts a URL, fetches the page, and returns the meta title, description, and og:image."

15. "Build a simple auth system with JWT: login endpoint, register endpoint, protected route middleware, token refresh."

16. "Create a cron job (Cloudflare Worker scheduled trigger) that fetches crypto prices every 10 minutes and stores them in D1."

17. "Build a contact form API that receives name/email/message, validates input, stores in Firebase, and sends a notification."

18. "Create an API that generates PDF invoices from JSON input with line items, totals, and company branding."

19. "Build a rate limiter middleware that allows 100 requests per minute per IP, returns 429 with retry-after header."

20. "Create a file upload API that accepts images, resizes them to 3 sizes (thumbnail, medium, large), and returns URLs."

Full-Stack Prompts (21-30)

21. "Build a complete blog with markdown support: list page, single post page, category filter, search, and RSS feed. Static HTML."

22. "Create a poll/voting app: create polls with multiple options, vote once per browser (localStorage), show real-time results with bar chart."

23. "Build a bookmark manager: save URLs with title/tags, search, filter by tag, export to JSON. All client-side with localStorage."

24. "Create a habit tracker: add habits, mark daily completion, show streak counter, weekly heatmap calendar view."

25. "Build a link-in-bio page generator: user inputs name, bio, links, colors. Generates a shareable HTML page."

26. "Create a simple kanban board: drag cards between To Do / In Progress / Done columns. Save state to localStorage."

27. "Build a recipe manager: add recipes with ingredients and steps, search by ingredient, calculate serving multipliers."

28. "Create a budget tracker: add income/expenses by category, show monthly breakdown chart, running balance."

29. "Build a flashcard study app: create decks, flip cards, spaced repetition algorithm, track progress."

30. "Create a URL status checker dashboard: input multiple URLs, check HTTP status every 60 seconds, show uptime history."

Debugging Prompts (31-40)

31. "My fetch requests are failing with CORS errors. The API is at api.example.com and my frontend is at app.example.com. Fix the CORS configuration."

32. "This React component re-renders 47 times on page load. Find the infinite re-render loop and fix it with proper useEffect dependencies."

33. "My CSS grid layout breaks on mobile — cards overflow the container. Fix with responsive breakpoints and proper min/max sizing."

34. "This async function silently fails. Add proper try/catch error handling, user-visible error messages, and retry logic."

35. "My localStorage is hitting the 5MB limit. Implement LRU cache eviction to keep only the 100 most recent items."

36. "This page scores 23 on Lighthouse. Fix: defer non-critical JS, lazy load images, remove unused CSS, add resource hints."

37. "My form submits twice when clicking the submit button fast. Add debounce, disable button during submission, and prevent double-submit."

38. "This date function returns wrong results in different timezones. Fix with proper UTC handling and timezone-aware formatting."

39. "Memory leak in my SPA — event listeners aren't cleaned up on page navigation. Add proper cleanup in the router."

40. "My regex works in the console but fails in production. Fix the regex and add unit tests for edge cases."

Deployment & DevOps Prompts (41-50)

41. "Create a GitHub Actions workflow that builds, tests, and deploys to Cloudflare Pages on push to main."

42. "Set up a Cloudflare Worker with KV storage, custom domain, and environment variables for dev/staging/production."

43. "Create a deploy script that builds the site, minifies HTML/CSS/JS, generates sitemap.xml, and pushes to GitHub Pages."

44. "Build a health check endpoint that returns system status, uptime, last deploy time, and version number as JSON."

45. "Create a monitoring script that checks if all my sites are up, measures response time, and sends alerts to Discord webhook."

46. "Set up Firebase Realtime Database rules that allow public reads but require authentication for writes."

47. "Create a backup script that exports all Firebase data to JSON, compresses it, and stores with timestamp."

48. "Build a simple A/B testing system using Cloudflare Workers: split traffic 50/50, track which variant converts better."

49. "Create a CDN cache purge script that clears Cloudflare cache for specific URLs or entire zones via API."

50. "Set up a complete CI/CD pipeline: lint on PR, test on merge, deploy on tag, rollback on failure."

Tips for Better Prompts

Be specific about tech: "Build with Express.js" beats "Build a server." AI needs context to choose the right tools.

State constraints: "No frameworks, pure HTML/CSS/JS" or "Use Cloudflare Workers, not Node.js" keeps the output focused.

Include error handling: Always mention "add error handling" or you'll get the happy path only.

Ask for accessibility: "Make it accessible" adds ARIA labels, keyboard navigation, and screen reader support.

Iterate fast: Ship first, perfect later. Vibe coding is about speed. You can always refine in the next prompt.

These prompts built the SPUNK 13 empire — 220+ sites, 647 tools, 33 ebooks, all vibe coded with Claude AI in 28 days. Follow @SpunkArt13 for daily prompts and builds.