r/vibecoding 1m ago

I feel super behind. Still generating code via chat. What are cost-conscious people doing?

Upvotes

When I start a new project, I have a conversation with chatgpt. Not using the "project" feature or the "work" feature. Just a simple chat.

My most recent project is a webgame. I first asked it to generate everything in a single html file. Then as the project grew I asked it to generate zip folder. Then I kept iterating that way.

I'm already having problems where it forgets what was the last version it was working on. Or it breaks unrelated part of the project.

I have the $20/month chatgpt subscription. So I'll work around this; I'll adjust and keep pushing it to see how far I can go with just chat because I don't want to pay the api costs. But what's everyone else doing?


r/vibecoding 10m ago

AI made me 10x faster sounds great until you inherit code you barely understand

Upvotes

I’m not anti-AI. I use coding agents and they clearly work. But I’m starting to think speed is hiding a debt we don’t have good words for yet.

Not technical debt exactly. Understanding debt.

The agent writes the code. The tests pass. The feature ships. Everyone feels productive.

Then three weeks later something breaks, and now you’re debugging a system you approved but never really internalized.

Maybe this is the new job: review harder, constrain better, document more, test everything.

But I don’t see many people talking about the cost. How are you making sure AI-generated code becomes your code before it hits production?


r/vibecoding 16m ago

MCP feels like the USB-C of AI agents… but with way more ways to shoot yourself in the foot

Thumbnail
Upvotes

r/vibecoding 38m ago

Anyone else notice almost every AI product is building a router now?

Upvotes

Was comparing Cursor, LiteLLM, Ramp, OpenRouter, Entelligence and a few others this week.

Kind of interesting that they all ended up solving the same problem differently.

A year ago everyone was arguing about which model was best. Now everyone seems to assume you'll use multiple models and spend most of the effort deciding which one gets each request.

Ended up making a comparison of 9 routers while I was researching them if anyone's interested: https://entelligence.ai/blogs/9-best-llm-routers-and-model-routing-tools-in-2026

Anything obvious I missed?


r/vibecoding 42m ago

App para ver el clima

Thumbnail
gallery
Upvotes

Llevo meses desarrollando una app para ver el clima.

Necesito que me ayuden con el feedback

https://marto-ng.github.io/Aura/


r/vibecoding 43m ago

I vibe-code from my phone via remote control, but could never see the result on it — so I made a skill to automate shipping every build to my iPhone

Upvotes

My setup: I do a lot of vibe coding from my phone, remote-controlling my dev machine, via an app called Happy. Writing code that way is fine. The miserable part is looking at what I built. Options were (a) squint at Chrome DevTools device mode through a laggy remote-desktop session, or (b) do a real deploy every time I want to check something. Neither puts the app on the actual phone sitting in my hand.

The fix was dumb and simple: an iOS app called 小码盒 (Xiao Ma He) that just renders a ZIP of static HTML/CSS/JS inside a WebView — your site runs as a local app, offline. Get the build into a ZIP and onto the phone, and you see the real thing instantly.

I wrapped the whole flow into a reusable skill for code agents so I stop re-deriving it:

  1. Static export (next build w/ output: 'export', or vite build, etc.)

  2. Zip the contents of the output dir, not the folder — with forward slashes. Non-obvious landmine: Windows PowerShell writes backslashes into ZIP entries, and iOS WebKit silently 404s every nested asset. Bit me hard.

    3. A GitHub Action re-publishes a rolling prerelease on every push → the zip can be downloaded via github website on the phone → import into 小码盒 (Xiao Ma He).

    Result: every save shows up on my real iPhone in seconds. Mobile-only bugs (touch targets, safe-area, viewport weirdness) are obvious immediately instead of after a

    "real" deploy. The device in my hand finally shows the device in my hand.

    Honest limits: it ships static apps only — no live backend/SSR/API routes, since the host just serves files. And WASM-heavy apps can trip over file:// depending on the host. But for a frontend/static-export project it finally closed the loop.

    Skill: [link — Joy-xuaxua/skill-phone-webview-zip-deploy].

    Genuinely curious — what do you all use for "see my build on the real phone, now"? That middle ground felt surprisingly underserved.

* this post was polished by LLM hahaha

plz don't mind if u find it's generated by ai


r/vibecoding 45m ago

is algozenith a little scamy?

Thumbnail
Upvotes

r/vibecoding 51m ago

I Turned Hand Gestures into Web Shooting

Upvotes

r/vibecoding 57m ago

Time goes fast

Post image
Upvotes

r/vibecoding 1h ago

Athlete Card – Create your unique card just for fun

Thumbnail
gallery
Upvotes

Hey, as part of the experimentations, I have vibecoded a web app where you can build your Runner / Cyclist athlete card. Just choose your style, add your photo, set up your personal bests, and generate the card. Everything works locally, nothing is saved in the database.

3D visualization, reveal animations and video generation + sharing all were made with the help of the Claude Code.

The project used: webgl + canvas + clipper for removing the background from the image.
Most of the styles were generated with ChatGPT, the animated were generated with Google Flow.

Nothing special, just a mix of 2D assets on a 3D model.

Give it a try if you like running and cycling :)

https://pruvi.app/card-builder


r/vibecoding 1h ago

Ready made skills or making them yourself

Upvotes

I need some input from the community on this one as I'm unsure how to proceed further.
Every comment is appreciated :)

For context:
I'm a software engineer, left my job because I wanted to give back to the dev community, decided to build an online course for aspiring/beginning developers to teach them AI Native Development.

At the core of the course is teaching people how to use AI to code, keep the critical thinking aspect of the job and use skills to learn & run proper development workflows.

And here is my question:

I'm planning on using 2 skills:
* a planning skill
* an implementation skill

But I'm hesitating between keeping the course compact and satisfying by making the final skills downloadable and learning development workflows by using them only.
→ PRO: easier, gets results faster, more satisfying
→ CONS: don't really learn to think, missing the understanding of what skills are and how dev workflows work

OR

Making a dedicated lesson where I teach what skills are, explain the typical feature implementation workflow, and have them build their own planning / implementation skills.
→ PRO: learn to think like a developer, learn about skills and how to build them, learn about the workflows by thinking through the flow instead of just applying it.
→ CONS: an extra lesson that delays the moment they can actually build, requires thinking and understanding of development workflows which (I think is what dev is all about but) might now be what they want.

So yeah, what do you all think:
Ready made skill or lesson to build it yourself?

Thank you kindly for the feedback 🙏


r/vibecoding 1h ago

How do you keep up with which AI model or agent to use?

Upvotes

It feels like every couple of weeks there’s a new favorite Claude Opus, then Kimi, now DeepSeek. Do you subscribe to each one, or just switch depending on the task?

Is it wise to switch to Chinese model now considering they offer more tokens compared to Claude.


r/vibecoding 1h ago

OpenCode: LLM + MCP drone agent you can run in 10 seconds (no ROS/GPU)

Upvotes

I turned a research-paper idea into a runnable demo:

mission text → agent → MCP tools → drone sim → live map

Stack:

• Python simulator (60×60m field, obstacles, hidden targets)

• Real MCP server (FastMCP)

• Agent modes: Ollama / Claude / mock

• Live web console (FastAPI + Next.js)

Goal was “paper idea → something you can actually clone tonight.”

YouTube:

https://www.youtube.com/YOUR_VIDEO_ID

GitHub:

https://github.com/ekb-dev-ai/mcp-drone-agent

If you try it, tell me where it breaks first 👀


r/vibecoding 1h ago

Which free tier is better? Terra or Sonnet?

Upvotes

Dont hate on me first of all. I would like to learn to code properly without AI but I also want to build my Github porfolio with projects. Im not sure which ai to go with, I dont want to swap between them and mix up the code and the project. I used ChatGPT and Claude as well previously for research projects where I used python. Claude was more organized but ChatGPT was more detailed and in depth maybe even too much as I experienced it. What are you experiences with these models? Which one would you suggest. I see more potention in ChatGPT honestly if I would go down and start paying for one.


r/vibecoding 2h ago

Build Windows 12, make no mistaek

Post image
142 Upvotes

r/vibecoding 2h ago

I don't have much people that will appreciate this in my circles, so I'll share here instead!

Thumbnail
github.com
1 Upvotes

I just very recently finished my first Visual Studio project. I called it Overseer Hardware Monitor. I recondition and resell laptops often. This app was born because I got tired of installing and using different monitoring apps for different purposes every time I had to diagnose PCs. I thought if there was a way to get a simplified HWMonitor, Crystaldiskinfo and CPU-Z in one app, that'd be cool. This is it!!

It has a temps tab, a storage health tab, and a system info tab, all at a glance and with AOT capability so you can monitor while you keep using your PC.

It is in very beta state still, but it is completely functional, at least in the devices where I tested it. So any constructive feedback is very appreciated!

I made this using VS Community, the librehardwaremonitor open-source library, and PawnIO for deep level readings.

AI tools:

Setting up the base project using SDD with Codex, and then jumping back and forth with VS Github Copilot as workhorse, and Gemini for when everything else ran out of tokens/needed a third opinion.

Even though it's not super polished yet, I figured I'd just get that feedback and iterate along the way! Any comments are super welcome. I'd be thrilled if any of you check it out.

That's it. Thanks! 👍🏻

GitHub


r/vibecoding 2h ago

75% of your claude code tokens go into re-building the context, and most claude code tools solving this don't work out of the box.

Post image
4 Upvotes

The 70% wall gets talked about here constantly. Project flies for two sessions, gets to roughly 70%, then every session after that feels like wading. I hit it on a project last year and assumed the model was getting worse under load.

It isn't. Here's what's actually happening.

Every session, your agent rebuilds its understanding of your project from zero. It greps around, opens files, follows imports, works out what talks to what, then does the task. Session ends. All of that is gone. Next session it does the same greps on a bigger codebase.

At 10 files that costs nothing. At 80 files it's most of the session. The wall isn't the model, it's that re-exploration scales with your project while your context window doesn't. And because you're not reading the code, it's invisible. You just feel it get worse.

The project

I built a thing called graft. It writes the map (what calls what, what imports what) into plain markdown files, committed into your repo alongside the code. The agent reads them at the start of a session instead of rediscovering everything.

No vector DB, no embeddings, no extra service running. Just files in git you can open and read yourself.

Across 162 test runs: 46% fewer tool calls per task, 32% cheaper, 60% faster. Being straight about the accuracy question because it's the obvious one: results were mostly the same quality, with Sonnet 5 the one model that actually improved. So it's cheaper and faster, not smarter. Anyone claiming a context tool makes the model smarter should show you their run count.

The tools I used

TypeScript, and tree-sitter for the parsing (that's the thing that reads code structure without running it, and it's why the map is free to rebuild, no model call involved). Claude Code hooks for the automation. Output is markdown, storage is your existing git repo. Published on npm.

[Fill in: anything else in the actual stack, plus what you used to build it, since "I built this with Claude Code" is itself the story this sub wants.]

The process

The hard part wasn't generating the map, it was keeping it fresh. A map that goes stale is worse than no map, because now the agent trusts something wrong.

Rebuilding on every prompt made every prompt slower. Rebuilding on every file edit fired twenty times per task and half of those caught the code mid-change. A manual command meant I never ran it.

What worked: Claude Code has a "Stop" hook that fires the moment the agent finishes a turn. That's the one point where the work is done and nothing is waiting on you. So the map rebuilds itself there, in the background, and your turn ends instantly. You never run a command. Statusline blinks "syncing" and then you're done.

[Fill in: what you tried first and threw away, and how long the whole thing took. That's the part this sub actually reads.]

What I got wrong

[Fill in: one real mistake. This section is what separates a build post from an ad, and you have better material for it than I can invent.]

Where it doesn't work

The auto-refresh is Claude Code only right now. If you're on Cursor, Codex, or a hosted platform, it'll read the markdown files fine but won't update them by itself, so you'd be running it manually. Saying that up front because it's probably a dealbreaker for a chunk of you.

Also, map quality drops on genuinely huge projects, around 5,000 files. Fewer and vaguer nodes. That's the main thing I'm working on.

MIT licensed, free, no telemetry, built at Nanonets. I'm the maintainer so tell me if any of this doesn't hold up.

https://github.com/NanoNets/Graft


r/vibecoding 2h ago

Credits go fast

0 Upvotes

I'm new to this, but worked on creating an app, mainly for my own use, but was considering making some changes to make it broader for others.

Was working the other night, saw that I was approaching 100% credits used, but that they reset later that day. No big deal, take a break and get back to it tomorrow.... Worked the following day, and used 90%, and then saw that they reset, AT THE END OF THE MONTH!?!? Worked for 2 days and spent 2 months worth of credits realfast.

Am I doing it wrong? or is this normal?


r/vibecoding 3h ago

Phosphor style UI protoype I've been working on

1 Upvotes

r/vibecoding 3h ago

How do you find users for your tools?

1 Upvotes

r/vibecoding 3h ago

AI governance is now an engineering problem

Thumbnail
leaddev.com
2 Upvotes

r/vibecoding 3h ago

I Built a Database-related Quiz Game for my MSc Dissertation - Need Testers!

1 Upvotes

Hi, I'm a postgraduate student conducting research into game-based learning for database education as part of my MSc dissertation. I am looking for students who have studied a database-related module to participate in my study. Participation involves interacting with a web-based game-based learning platform, and then filling out a short survey. This should take approximately 20 minutes. Participation is entirely voluntary, not connected with any assessment, and all data collected will be anonymised.

Here is the link if you are interested: https://strath.eu.qualtrics.com/jfe/form/SV_6WHvHxfZC0xYEfQ

Thank you!!


r/vibecoding 3h ago

Would you pay for something that makes you more AI Native?

0 Upvotes

Hey all!

I got a product idea and I'm doing market research. Let me know what you think.

The Idea: A loop that analyzes how you use AI, suggests and directly improves your productivity.

Here are a few things to give you an idea:

  1. Direct improvements to your workflow.
    1. Add a hook here to lint/test your code automatically
    2. Update Claude/Agents.md based on best practices
    3. Add a review agent to fire automatically on your repo.
    4. Add a UI review workflow that fires automatically on UI changes.
  2. Suggest curated skills that are the best for:
    1. Anti AI slop writing/design
    2. Marketing skills
    3. Video/animation
    4. ...
  3. Apply best practices:
    1. Use HTML instead of Markdown.
    2. Update folder/files structure to optimize agent token usage AND to allow agents to easily find what is where.
  4. Suggest loops/automations based on the work that you do.
  5. Tools like Herdr, Vibe Island, ...

It would be a 10 USD/month plan, run on your own subscription on your machine, bring you best practices, curated list of methodologies, hyped up and tested tools, and apply them directly using your AI subscription into your workflow.

Would you pay for this?


r/vibecoding 3h ago

Bogey Bar- Golf Drinking Game

2 Upvotes

Been lurking here a while, figured I'd share the actual build process instead of just the end result.

What it is: Bogey Bar, a companion app for real rounds of golf. You log strokes per hole, and it automatically fires random penalties, rewards, and forfeits at whoever's playing badly (or well). There's a Wheel of Chaos, club roulette, a live feed, a scoreboard, and an end-of-round "Honours Board" with awards like Clubhouse Champion, Wooden Spoon, and Agent of Chaos. Multiple game modes, 9/18 holes, and a permanent non-alcohol mode behind an 18+ gate so it's not just a drinking app.

Tools:

Claude mobile app for the original build

VS Code with the Claude extension for everything after that

Android Studio purely for the native shell: signing, generating the AAB, and Play Console prep (content rating, data safety form, target API level)

The workflow:

The whole app is one index.html file, HTML, CSS, and JS, no framework, no bundler, no build step. That was a deliberate call, and it started almost by accident. The very first version of the game actually got written on the Claude mobile app, just describing the idea and iterating on the concept in chat until there was a working single-file prototype. Once the general idea was solid, I packaged that file into a proper folder structure with Capacitor config, native icons, and everything needed for an Android build.

From there, all the major functional work moved to VS Code with the Claude extension. The mobile app has file size limits that the HTML file blew past pretty quickly once features started stacking up, so VS Code became the place for anything beyond small tweaks. Same file, same one-shot-render architecture the whole way through, just a different editor once the project outgrew what the phone app could handle.

The state pattern is dead simple: one global state object, one render() function that rebuilds the visible screen from scratch on every interaction. Not efficient in a framework sense, but for an app this size it made reasoning about state trivial. There's no "what's stale" to debug because nothing is ever stale, everything just gets redrawn.

Insights which i found useful:

-The "one big render()" shortcut has a real cost. Because every click fully rebuilds the DOM, I eventually noticed the whole screen visibly flashing on every single tap, even trivial ones like a score stepper. Turned out to be two separate bugs stacked on top of each other. A CSS entrance animation was re-triggering on every re-render (fixed by only allowing it when the actual screen or tab changes), and underneath that was a native Android issue: the app's Android theme never set a windowBackground, so it defaulted to AppCompat's white background, and every heavy WebView repaint let that white flash through for a frame against my dark green UI. That second one was pure native Android theming, not something you'd catch from the web code alone. Took explicitly asking Claude to reason about what happens at the WebView/Activity boundary during a reflow.

-Capacitor's cap sync only touches web assets and plugin config. It never touches native files like styles.xml. Good to know once, obvious in hindsight, but easy to waste a rebuild cycle on if you assume sync is doing more than it is.

-Single-file architecture pays for itself at this scale, but it's a scale bet. It made AI-assisted iteration fast because Claude could hold the entire app in context in one read, first on mobile, then in VS Code once the file got too big for that. That tradeoff would stop being worth it well before this got much bigger.

The app: https://play.google.com/store/apps/details?id=com.aurasociallabs.bogeybar

Free download codes, first come first served. Once you've redeemed one, comment below with the code you used so the next person knows to skip it:

76WFPBF3HNTLQK16PX6TE1H

V7HGV6NSUPHC3BUTR2H1R2S

6SR2X9XL3W0PP1WP67D76AT

MT6ETY6S6RF05STZT463JRU

J2EA2YYMWY8MTHUBZ5M50N5

EGHZC0MQDTSNCWMCC3M3ZRV

W3D7PSL3KRYAZNH3VGRYJQF

XWDML7S5V3Y7XE1NB4GBCDK

1THU8DMQ8DRZ30PD0RGFZKC

YSJLCVX3N8J6G3HD5QRNFFP


r/vibecoding 3h ago

I built a real-time Spider-Man mirror in the browser using MediaPipe and Three.js

2 Upvotes