Vibe Coding Bitti: Ölçülebilir AI Uygulaması Yazmanın Yolu

If you're tired of telling AI "do this" and getting incomplete, disorganized code, the problem isn't with the model, it's with how you assign tasks to it. In this video, I demonstrate three fundamentals for writing well-designed applications: writing the code clearly with PRD, keeping each screen consistent with Brandkit, and implementing it step-by-step with Plan Mode and Execution, verifying it against acceptance criteria. These three fundamentals are not disjointed hints, but a single flow. I'm doing the demo with Claude Code (Sonnet 4.6 + Opus 4.8). In the live demo, a QR digital menu application for a cafe is being built from scratch. 🎯 What You Will Learn in This Video: ✅ The most common mistake when assigning tasks to AI and why you get incomplete code ✅ Basic 1 — PRD: Writing product requirements documents step-by-step with the prd-yaz skill ✅ Why out-of-scope and acceptance criteria are the most important topics ✅ Basic 2 — Brandkit: Creating a design system with Open Design and embedding it in DESIGN.md ✅ Automatically reading rules in each session with CLAUDE.md ✅ Basic 3 — Plan mode: Generating and approving plans without writing code ✅ Execution + verification: Checking the model according to the acceptance criteria in PRD ✅ Live demo: QR digital menu application from scratch (admin panel + customer menu + QR code generation) 💡 Who Should Watch: 🔹 Those who always get incomplete or scattered code from AI 🔹 Those who want to create applications with AI but don't know where to start 🔹 Those who use Claude Code, Cursor, or similar AI coding tools 🔹 Those who did Vibe coding and are not satisfied with the result 🔹 Those who are hearing about PRD and brandkit concepts for the first time ⏱️ Video Timestamps: 00:00 - Why Do We Get Half Code from AI? What Are the Three Basics? 02:00 - Fundamentals 1: What is PRD, Why is it Important, and Acceptance Criteria 04:33 - Fundamentals 2: Consistent Visual Identity with Brandkit 06:23 - Fundamentals 3: Plan Mode + Execution and Verification 08:05 - Live Demo: prd-yaz Skill Setup and PRD Creation 15:08 - Creating a Brandkit with Open Design and DESIGN.md 17:00 - Coding with Plan Mode and Reviewing Results 🎁 Free Gifts: 🔹 prd-yaz skill (main gift): https://github.com/eyaprak/skills Download and place it under ~/.claude/skills/prd-yaz/, run it with /prd-yaz in Claude Code. 🔹 PRD template (fillable) — backup for those who don't want to use skills 🔹 Brandkit template (fillable) 🔗 Useful Links: 🔹 prd-yaz skill repository: https://github.com/eyaprak/skills 🔹 What is a skill, how to create one (for those hearing about it for the first time):    • Claude Skills Nedir ve Nasıl Kullanılır? S...   🔹 Creating a brandkit with Open Design:    • Open Design: Herhangi Bir Siteden Tasarım ...   🔹 Deploy with a single prompt video: [link to be added] 🔹 Claude Code /goal official documentation: https://code.claude.com/docs/en/goal 🔹 Claude Code Installation Video:    • Claude Code Nedir ve Nasıl Kurulur? Detayl...   🔹 Claude Desktop: https://claude.ai/download 🔹 n8n Course: https://n8nkursu.com 📝 Attribution: The `prd-write` skill is an adaptation of Matt Pocock's `write-a-prd` skill (github.com/mattpocock/skills) into Turkish. The output is written to the `prd.md` file, and a measurable Acceptance Criteria header has been added. 🔥 This is the first video (method) in the "Real Application with AI" series. In the second video, we will build a real application from scratch using these three fundamentals and fully automate verification with the `/goal` command. Subscribe so you don't miss it! 📌 Note: The demo was made with Claude Code (Sonnet 4.6 + Opus 4.8). PRD generation was done with Sonnet, and PRD review and correction were done with Opus. The `prd-write` skill is free and open source. Plan mode opens with Shift+Tab and works as read-only without touching the files. Acceptance criteria should be measurable ("build must pass without errors"), not just "look good". This method can be used in different CLIs besides Claude Code, such as AntiGravity and Open Code. If you found the video helpful, don't forget to like 👍 and subscribe 🔔 to the channel! In the comments, write which foundation you find most challenging. I read them all. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ #ArtificialIntelligence #AICoding #ClaudeCode #PRD #Brandkit #PlanMode #AICoding #VibeCoding #AISlop #ArtificialIntelligence #AIApplication #ProductRequirements #DesignSystem #CLAUDEMD #PRDWriting #ClaudeSkills #AIDesign #AICoding #AIWorkflow #Developer #Coding #ApplicationFromScratch #AcceptanceCriteria #OpenDesign #OpenSource #TurkishEducation #2026