Добавить новость

Новости сегодня на DirectAdvert

Новости сегодня от Adwile

Vibe Coding Cheat Sheet: Tools, Prompts, Security Tips, and More

eWeek 

Software development is undergoing a seismic shift as vibe coding turns plain English into functional applications in seconds.

The era of painstakingly translating business requirements into rigid syntax is giving way to a more conversational approach. Coined by AI researcher Andrej Karpathy in early 2025, the term “vibe coding” describes a workflow where the developer’s primary role shifts from writing line-by-line code to guiding autonomous AI agents. 

As Karpathy famously shared on X, it is a process where you “fully give in to the vibes, embrace exponentials, and forget that the code even exists.”

Vibe coding operates through a tight, conversational feedback loop. Rather than starting with a technical specification, a creator begins with a high-level intent.

A user describes a goal, and the AI interprets the request and produces initial code. The user then executes the code, observes the result, and provides feedback to fix errors or add features. This code-first, refine-later mindset allows for rapid prototyping, as it aligns with agile principles and cyclical feedback loops.

There are different vibe coding techniques, including:

  • Pure vibe coding: Fully trusting the AI’s output and moving fast without reading diffs. Best for throwaway weekend projects, rapid ideation, and quick prototypes where speed beats perfection.
  • Responsible AI-assisted development: AI acts as a pair programmer. You guide, the AI writes, but you review, test, and understand every chunk before shipping. The professional standard for production work.

The core loop

Vibe coding is not a single prompt and done. It’s a repeating cycle. Master this loop, and you master the workflow.

  • Describe: What you want, in plain language
  • Generate: AI drafts the code
  • Run: Execute it, see what happens
  • Refine: Feed back errors, add instructions
  • Repeat: Until it works the way you want
Code-level workflowApp lifecycle
Describe the goal

Plain language. “Create a Python function that reads a CSV file and returns all email addresses.”
Ideation

Describe your entire app concept in a single high-level prompt. Tools like Firebase Studio or AI Studio generate a full starting skeleton.
AI generates code

The assistant produces a first draft. Treat it as a starting point, not a finished product.
Generation

AI produces the initial app: UI, backend logic, file structure, the whole thing at once.
Execute and observe

Run it in a real environment. Do not proceed until it actually runs without immediately crashing.
Iterative refinement

Test, add features, and change things with follow-up prompts. “Make the background dark gray and the button neon green.”
Provide feedback

“That works, but add error handling for when the file is not found.” Paste the exact error message back in.
Expert review

A human (or AI code reviewer) checks for security gaps, logic errors, missing edge cases, and bad dependencies.
Repeat until done

Ship when all three parties are happy: you, the AI, and your code reviewer (human or AI).
Deploy

One click or one prompt ships to a live environment. “Vibe deploying” removes the DevOps bottleneck entirely.

Writing prompts that work

A prompt is not a wish. It’s a spec. The more specific, constrained, and example-rich it is, the better the output will be. Vague goals lead to generic, incorrect, or incomplete code.

The 3-layer prompt structure

  • Layer 1 (Technical context): State the language, framework, version, and coding standards upfront. “Use Python 3.11 with FastAPI. Follow PEP 8 standards. No external libraries unless absolutely necessary.”
  • Layer 2 (Functional requirements): Describe what the user should be able to do, in bullet form. “Allow CRUD on to-do items. Each item has a title, description, and due date. Validate all inputs.”
  • Layer 3 (Edge cases and integrations): Name external services and ask “what could go wrong?” explicitly. “Handle network failures gracefully. What if the file doesn’t exist? What if the API returns a 500?”

Vibe coding prompt best practices

  • Be specific about languages and frameworks. “JavaScript with React” beats “JavaScript.”
  • Supply example inputs and outputs. Show the AI what your data looks like before asking it to process it.
  • Break large tasks into smaller steps. One task per prompt beats one giant prompt per app.
  • Give agents one task at a time. AI context windows are finite; don’t overflow them.
  • Ask for explanations. Request a plain-language summary of how the generated code works.
  • Define a persona. “Act as a senior Python engineer and follow best practices.”
  • Ask for self-review. “Identify any potential bugs or security issues before I run this.”
  • Use checkpoints. Save stable versions regularly so you can roll back without crying.

The tools landscape

Tools fall into two categories: vibe coding apps that handle everything end-to-end (hosting, database, deployment), and AI coding agents that give you more control but expect you to manage infrastructure. Start with apps. Graduate to agents when you need power.

Best vibe coding apps (All-in-one)

ToolsDescription
ReplitThe most complete all-in-one: editor, database, hosting, deployment, and collaboration. 50+ languages. Browser-native, install nothing. Considered the #1 vibe coding platform by many.
LovableVisual editing: Click on any element to modify it. Native Supabase integration. Multiple building modes. Best for non-technical founders who want something that looks and feels great, fast.
Base44Now owned by Wix. Fastest path from description to working app with the fewest steps possible. Known for clean UI, strong data persistence, and secure workflows.
v0 by VercelMade by the team behind Next.js. High-quality code output, Git integration with branching and PRs. Ideal for hosting that scales from prototype to production.
Bolt.newFull dev environment in the browser. Full-stack app generation with Figma import. Speed and transparency, you can look under the hood whenever you want.
Figma MakeTurns Figma designs into working apps. Lives inside Figma. Designers go from mockup to functional prototype without leaving their tool.

AI coding agents (More control)

ToolsDescription
Claude CodeTerminal-based agent with a 1M token context window. Exceptional reasoning and code quality. The current gold standard for complex, multi-file projects.
CursorAI-first IDE that excels at complex, codebase-wide changes. Deep integration with your existing project. Best for developers who want precise control.
GitHub CopilotThe original AI coding assistant. Deepest GitHub integration. Free tier. Agent Mode for autonomous tasks. Easiest entry point for developers already in the GitHub ecosystem.

Vibe coding vs. traditional coding

Vibe coding and traditional coding are not competing philosophies; they’re complementary tools. Use vibe coding to build fast and explore; use traditional practices to harden, optimize, and maintain what’s worth keeping.

AspectTraditional CodingVibe Coding
Primary inputPrecise code, syntax, punctuationNatural language prompts and feedback
Developer roleArchitect, implementer, debuggerPrompter, guide, tester, refiner
Coding expertiseHigh — knowledge of languages requiredLower — focus on desired functionality
SpeedSlower, methodical, deliberateFast, especially for prototyping
Error handlingManual debugging via code comprehensionConversational feedback and iteration
Code maintainabilityHigh if built well; relies on developer’s skillDepends heavily on AI output quality and review
Planning styleRequirements defined upfront; architecture firstRequirements emerge during coding; plan in markdown
How they combineApplied after vibe coding to harden and scaleUsed to quickly bootstrap and test ideas
Best useProduction systems, complex architecturesPrototyping, exploration, early-stage builds

When it works and when it breaks

Vibe coding works well for:

  • Prototyping: Validate an idea before investing in architecture or optimization.
  • Throwaway weekend projects: Speed over structure, get something working fast.
  • Learning new frameworks: Ask the AI to generate examples, explain patterns, and compare approaches.
  • Boilerplate generation: Scaffolding, config files, and repetitive components.
  • Small automation scripts: One-off data processing or workflow helpers.
  • Documentation writing: Feed working code back to the AI; ask it to write the README.
  • Solo projects: Where you own the whole context and can stay on top of the code.

Vibe coding breaks down for:

  • Large, interconnected codebases: Context windows fill up. Changes in File A silently break File Z.
  • Complex stateful systems: Long-lived interactions and multi-path data flows confuse the AI.
  • Security-critical applications: Payment processors, medical databases, auth systems always need expert review.
  • Performance-sensitive work: AI prioritizes readability over raw hardware optimization.
  • Team-based development: Multiple people vibe coding without shared standards creates chaos.
  • Production infrastructure: DevOps, Kubernetes configs, network security do not vibe code this.

Avoiding the doom loop

You hit a bug. The AI says it fixed it. It’s not fixed. You try again. Same result. You’ve entered the doom loop where the agent keeps breaking things trying to fix things. This is how projects die.

Why it happens

  • Unclear requirements: You weren’t specific about what you wanted. The AI made assumptions. You changed your mind. The code now reflects all those twists.
  • Layer mismatch: Software has several layers: Data, Controller, and View. The AI updated one but forgot to update the others. They’re now out of sync.
  • Context rot: Long conversations degrade the quality of AI output. The agent is following patterns from old, stale parts of the conversation.

The two cycles that prevent it

Plan > review > fix

Before writing a line of code, iterate on a plan in markdown. Work through the details in plain text, not in code. Use a second plan-reviewer AI to check for blind spots, then fix the plan before implementing anything.

  • Start new conversations often, avoid context rot
  • Ask a second agent to research common mistakes first
  • Question every suggestion; ask the AI to justify choices

Implement > review > fix

Once code is written, don’t just test it yourself. Have an AI code reviewer independently scan the output. It looks for bugs, duplicate code, security gaps, missing tests, and over-engineering.

  • The reviewer reports; it does not fix
  • You decide what to act on, then fix with the coding agent
  • Only ship when all three parties agree: you, agent, reviewer

When you’re already in the Doom Loop, stop letting the agent keep trying. Start a fresh conversation. Describe the bug specifically and ask it to evaluate and report back, but don’t fix it yet. Only when you’ve confirmed that the bug has been discovered should you allow the vibe coding to write your code.

Debugging like a pro

Do these thingsNever do these things
Run the code yourself every time. Don’t trust it just because it looks right.Blind copy-paste of fixes. AI suggestions can be incomplete, outdated, or mismatched to your environment.
Paste the exact error message back into the AI, including the full stack trace.Letting the agent keep re-trying the same bug. That’s the doom loop. Stop. Reset. Diagnose fresh.
Ask for an explanation before a fix. “Explain what’s causing this error in plain language,” before “now fix it.”Moving on before the base code runs. If it crashes immediately, fix it before building on top of it.
Use logs and print statements. Understand what the program is actually doing, not what you think it’s doing.Accepting “it might be an edge case.” AI often skips edge cases: blank forms, no internet, negative numbers, and missing files.
Treat every fix as a hypothesis. Apply it, test it, confirm it solves the root cause.

Security and ethical risks

The democratization of coding has come with a high cost to privacy. A recent investigation by cybersecurity firm Red Access found that roughly 380,000 publicly accessible assets were created using vibe coding tools, and approximately 5,000 of those apps leaked sensitive information.

The exposed data included medical records, financial documents, and internal business schedules. Red Access CEO Dor Zvi warned that many non-technical users are publishing internal tools without realizing they are accessible to the entire internet.

This shadow AI problem highlights a critical gap: while AI can write code, it often forgets to hash passwords, manage role-based access, or sanitize inputs. Industry experts now emphasize that human oversight remains non-negotiable. 

Security checklist for AI-generated code

☐ Never hardcode secrets in code. Use .env files and environment variables.

☐ Validate and sanitize all user inputs, and enforce type checking.

☐ Use secure authentication: OAuth2, JWT. Never roll your own.

☐ Configure CORS and HTTPS correctly before going live.

☐ Run static and dynamic security scans before deploying.

☐ Audit dependencies, pin versions, and avoid untrusted packages.

☐ Configure access controls. Assume your app will be public-facing.

☐ Human code review on every significant chunk. Treat AI output like a third-party contribution.

Quick reference checklist

Before you start any vibe coding session

☐ Write a plan in markdown. Iterate the plan before you touch code.

☐ Start a fresh conversation. Reset the context window.

☐ Break your first goal into the smallest possible chunk.

☐ Define your tech stack upfront in every prompt.

Before you ship anything

☐ Run the code yourself and verify output against expected behavior.

☐ Have an AI code reviewer scan independently for security and bugs.

☐ Check: are any secrets hardcoded? Are inputs validated?

☐ Make sure the app isn’t accidentally public if it shouldn’t be.

Always remember

☐ AI-generated code can look correct and still be logically wrong.

☐ Testing is non-negotiable. Every single time.

☐Context windows fill up. Organize your files. Start fresh often.

☐ The faster you go without planning, the slower you’ll go later.

Also read: Our prompt engineering cheat sheet explains practical frameworks for writing clearer, more useful AI prompts. 

The post Vibe Coding Cheat Sheet: Tools, Prompts, Security Tips, and More appeared first on eWEEK.

Читайте на сайте


Smi24.net — ежеминутные новости с ежедневным архивом. Только у нас — все главные новости дня без политической цензуры. Абсолютно все точки зрения, трезвая аналитика, цивилизованные споры и обсуждения без взаимных обвинений и оскорблений. Помните, что не у всех точка зрения совпадает с Вашей. Уважайте мнение других, даже если Вы отстаиваете свой взгляд и свою позицию. Мы не навязываем Вам своё видение, мы даём Вам срез событий дня без цензуры и без купюр. Новости, какие они есть —онлайн с поминутным архивом по всем городам и регионам России, Украины, Белоруссии и Абхазии. Smi24.net — живые новости в живом эфире! Быстрый поиск от Smi24.net — это не только возможность первым узнать, но и преимущество сообщить срочные новости мгновенно на любом языке мира и быть услышанным тут же. В любую минуту Вы можете добавить свою новость - здесь.




Новости от наших партнёров в Вашем городе

Ria.city
Музыкальные новости
Новости России
Экология в России и мире
Спорт в России и мире
Moscow.media









103news.com — быстрее, чем Я..., самые свежие и актуальные новости Вашего города — каждый день, каждый час с ежеминутным обновлением! Мгновенная публикация на языке оригинала, без модерации и без купюр в разделе Пользователи сайта 103news.com.

Как добавить свои новости в наши трансляции? Очень просто. Достаточно отправить заявку на наш электронный адрес mail@29ru.net с указанием адреса Вашей ленты новостей в формате RSS или подать заявку на включение Вашего сайта в наш каталог через форму. После модерации заявки в течении 24 часов Ваша лента новостей начнёт транслироваться в разделе Вашего города. Все новости в нашей ленте новостей отсортированы поминутно по времени публикации, которое указано напротив каждой новости справа также как и прямая ссылка на источник информации. Если у Вас есть интересные фото Вашего города или других населённых пунктов Вашего региона мы также готовы опубликовать их в разделе Вашего города в нашем каталоге региональных сайтов, который на сегодняшний день является самым большим региональным ресурсом, охватывающим все города не только России и Украины, но ещё и Белоруссии и Абхазии. Прислать фото можно здесь. Оперативно разместить свою новость в Вашем городе можно самостоятельно через форму.

Другие популярные новости дня сегодня


Новости 24/7 Все города России



Топ 10 новостей последнего часа



Rss.plus


Новости России







Rss.plus
Moscow.media


103news.comмеждународная интерактивная информационная сеть (ежеминутные новости с ежедневным интелектуальным архивом). Только у нас — все главные новости дня без политической цензуры. "103 Новости" — абсолютно все точки зрения, трезвая аналитика, цивилизованные споры и обсуждения без взаимных обвинений и оскорблений. Помните, что не у всех точка зрения совпадает с Вашей. Уважайте мнение других, даже если Вы отстаиваете свой взгляд и свою позицию.

Мы не навязываем Вам своё видение, мы даём Вам объективный срез событий дня без цензуры и без купюр. Новости, какие они есть — онлайн (с поминутным архивом по всем городам и регионам России, Украины, Белоруссии и Абхазии).

103news.com — живые новости в прямом эфире!

В любую минуту Вы можете добавить свою новость мгновенно — здесь.

Музыкальные новости




Спорт в России и мире



Новости Крыма на Sevpoisk.ru




Частные объявления в Вашем городе, в Вашем регионе и в России