Vibe Coding Prompts
AI coding prompts for developers building with AI agents. From PRD generation to debugging loops, these prompts help you ship faster with fewer errors.
- Source Code: Valentine’s Day scratch card app — Sharing the full source code to the Valentine’s Day scratch card app so you can build your own. Cop…
- Vibe coding: Drag-drop form builder for webinars and workshops — Every creator wants to design forms for events and workshops. Google Forms is the only free option,…
- Vibe coding: AI Rules Files Generator — Generate an AI rules file for your coding environment, with plain-language explanations and beginne…
- Vibecoding x Cybersecurity: Survival Guide — The cybersecurity critiques of vibecoding are valid. So instead of debating them, I partnered with …
- Prompt Pack: 100 Most Common UI Elements For Vibecoders — A Notion library of 100+ common UI elements with ready-to-use prompts for building interfaces with …
- Animation Pack 001: Hero Section - Breathing Gradient — Make Your Hero Section Feel Alive A tiny motion system for modern landing pages - subtle animation,…
- Animation Pack 001: Hero Section - Breathing Gradient — Make Your Hero Section Feel Alive A tiny motion system for modern landing pages - subtle animation,…
- Vibe coding: Instantly Fix 401 Errors. An Automated Debug Loop That Runs 30+ Checks and Finds Root Cause — An automated debugging prompt for persistent 401 authentication errors, developed while troubleshoo…
- Vibe coding: The PRD Prompt That Audits Itself For Hallucinations and Failure Modes — This prompt will help you build Product Requirements Document for your vibecoding or speccoding pro…
- Context Spec Generator — Turns an agent idea into a context architecture specification.
- Founder Fortress Diagnostic Agent — Run a read-only product and code audit across 23 categories.
- Pre-Build Interrogation Prompt — Inspect a proposed change, clarify requirements, surface risks and define a plan before coding begi…
- SEO, AIO and GEO Website Audit Prompt — Audits a website across technical SEO, AI readiness and generative search discoverability.
- Supply Guard Deployment Gate — Translate dependency security reports into a plain-language deployment GO/NO-GO recommendation. The…
- Claude Design Hero Prompt Pack — Credit-conscious prompts for animated portfolio hero sections. Includes: The “Hey, I’m Karo” Hero: …
- n8n AI Agent Builder for Claude Code — Generate an n8n coordinator and agent workflows from a builder prompt.
- AI Agent Task Brief and Ownership Map Templates — Reusable task brief and ownership map for delegating work to agents. Includes: Task Brief Ownership…
- Design Direction Interview Prompt — Have a design team ask one question at a time to clarify your visual requirements before creating a…
- 4-block landing-page brief — Generate a landing page using a defined design system. Adapted and shared by Product with Attitude,…
- Brand-to-DESIGN.md extractor (live site path) — Document a website’s visual language. Adapted and shared by Product with Attitude, with credit to a…
- Cowork brand-folder extractor — Turn brand files into a design system. Adapted and shared by Product with Attitude, with credit to …
- DESIGN.md writer (repo path) — Extract reusable design rules from an existing codebase. Adapted and shared by Product with Attitud…
- Reference extractor — Extract design rules from a screenshot. Adapted and shared by Product with Attitude, with credit to…
- Reference-anchored build — Generate a page using a visual reference. Adapted and shared by Product with Attitude, with credit …
- Screenshot diff loop — Compare a generated page with its reference. Adapted and shared by Product with Attitude, with cred…
- WCAG gate — Review a page for accessibility issues. Adapted and shared by Product with Attitude, with credit to…
← Back to Attitude Vault