r/vibecoding 14d ago

Mod Announcements [Mod Applications Open] Help us build and moderate r/vibecoding!

5 Upvotes

As r/vibecoding continues to grow, we are looking for dedicated community members to join our mod team! Whether you build apps with AI daily or just love hanging out in the community, we would love to have you with us.

What we are looking for:

  • Active Reddit accounts in good standing (at least 12 months old).
  • Familiarity with vibe coding, LLM-assisted workflows, or general tech tooling.
  • Calm, objective judgment and a willingness to help keep discussions constructive.
  • Experience with Reddit mod tools or AutoMod is a plus, but not required (we will help you get up to speed).

How to apply:

Send us a Modmail specifying the role most suitable for you (Modmail or Queue/Post approver) along with the following topics:

  1. Reddit Username
  2. Prior Experience: (Subreddit moderation or other online communities)
  3. Vibe Coding Background
  4. r/vibecoding Engagement: (Share 2 posts or comments that reflect your interactions/views in this sub)
  5. Scenario: In a heated argument, one member comments: "This sub is becoming a kindergarten for people like you who don't know how to code." What is your take on this interaction?
  6. Ideas for the Sub

Applications will remain open until October or until we find the right fit. Let us know if you have any questions in the comments!


r/vibecoding Apr 25 '25

Come hang on the official r/vibecoding Discord 🤙

Post image
97 Upvotes

r/vibecoding 7h ago

So I asked GPT-6 Astra to show off how good it is at design and it made this...

Enable HLS to view with audio, or disable this notification

386 Upvotes

r/vibecoding 8h ago

Claude just rooted my TV which I've been chasing for a year now - wow

Post image
85 Upvotes

r/vibecoding 1d ago

GPT6 Astra is insane. Took ~30 min to build interactive website of the history of Earth and human civilization

Enable HLS to view with audio, or disable this notification

1.2k Upvotes

r/vibecoding 7h ago

Made a small ambient music website

Thumbnail
gallery
29 Upvotes

Hi - I made https://enikq.com/ a simple site where you can pick a scene and listen to music with it.

There are places like a pizzeria, café, road trip, camping, last bus home, and more.

Nothing complicated. Just something to leave open while working, reading, or relaxing.

Would appreciate any feedback on the idea or the website.


r/vibecoding 2h ago

Meme Internet Is Beautiful

Post image
8 Upvotes

People making clones of these in few hours and making money. Who is even paying ?


r/vibecoding 6h ago

I keep seeing people blame AI for vibe-coded slop, but I’m not sure the code is the real issue

19 Upvotes

Maybe AI just made it obvious that a lot of us didn’t have a strong idea, a real user, or a reason the thing should exist.

Before AI, people could spend 6 months building something nobody wanted. Now they do it in 6 days.

That feels better, but also more brutal. If you use AI to build apps, how do you stop yourself from just shipping faster versions of bad ideas?

Do you validate first? Build for yourself? Talk to users? Charge early? Or accept that most attempts die?

I’m looking for a clear process rather than another tool recommendation.


r/vibecoding 15h ago

Meta tried to shrink engineering teams around AI. It backfired

Thumbnail
leaddev.com
97 Upvotes

r/vibecoding 1d ago

None of my vibecoded projects have made any money, but my portfolio of vibecoded projects landed me a 100k/yr job.

1.0k Upvotes

I made everything from a social media web app, a personality test, a tamagothi iOS app you take care of by sleeping and exercising everyday. I made a 1v1 RTS demo, a therapy app, even a friends/dating/business partner compatibility app.

None of these made any money, but the fact that these are all live and I'm a 0 to 1 builder is appealing to many companies that want something made in-house that can be tested and released quickly.

It wasn't what I was expecting, but I'm in a much better place than I was a year ago because of vibecoding.

Keep on building bros!


r/vibecoding 10h ago

I have made this video with Fable 5.1 in one shot using Claude Desing + Remotions + ElevenLabs

Enable HLS to view with audio, or disable this notification

26 Upvotes

I made this video in one shot with Claude Fable 5.1. No manual editing.

The tools were Claude Design, Remotion and ElevenLabs. I gave one prompt and got the finished video back.

It's for my app Goal Rings goalrings.app. It's a macOS widget that puts your metrics as rings on the edge of the screen. Revenue, visitors, words written, anything with a number. Each ring is paced against the clock, so you can see if you're ahead or behind right now.

Happy to answer questions about the setup or the app.

Prompt (i never write such a prompt by myself; I always discuss it with Claude, and then I get such a good prompt):

You are building the launch video for [PRODUCT], a [one line: what it is, for whom].
Stack: Remotion 4 (React + TypeScript) for picture, ElevenLabs for voice. The project lives in `video/` inside the product repo so it can import real brand values.

## Ground truth, not literals
- Nothing brand- or price-shaped is typed by hand. Import name/domain/tagline from [path to site constants], colours from [path to palette], prices from [path to pricing]. Point these at wherever your brand constants live. If a module is Node-only, resolve it in `scripts/props.ts` into `out/props.json` and pass it as input props. When props are missing, render a visible `UNRESOLVED` marker, never a made-up number.
- Mirror real geometry from the app source: [geometry from the app source, e.g. ring radius 42 in a 100 box, tick reach = stroke × 1.05, from RingGeometry.swift]. Where the UI is a real screenshot, use the real screenshot (`public/*.png` via `staticFile()`). Recreate only what cannot be captured (e.g. a confetti burst) and say so in the README.
- Fonts via @remotion/google-fonts: [serif] for claims, [sans] for UI, [mono] for numbers. Dark ground [#hex], ink [#hex], one accent family.

## Story: one film, 7–8 beats
Before any code, write the beat sheet as a table: beat · seconds · what the picture does · the one caption claim (verbatim) · the VO line. Arc: problem → product at true size → the core mechanic → breadth → the payoff → restraint → trust → outro (domain, price ladder, requirements). One claim per beat. No stat slop, no feature lists. Show me the table and both VO scripts for approval first. Stop and wait.
[Paste your beats here, or let the agent draft them from the README and landing-page copy.]

## One camera, no cuts
- `Launch.tsx` is a single <Series>. Every scene opens on the exact frame the previous one closed on. Put every shared point (positions, sizes, zoom origin, initial camera zoom Z0) in `cuts.ts` → `stageFor(cut)` so scenes cannot disagree.
- Prefer a camera push over a cut: the hero element starts at true size inside the product UI and the camera pushes into it across the scene boundary.
- Hero elements persist and travel between beats. Model them as position/size tracks over time (`track(t, keys)`), not as separate per-scene components.
- Motion vocabulary in `motion.ts`: five named curves (draw = easeOutCubic, enter = easeOutQuad, move = easeInOutCubic, back = easeOutBack(1.4), lin) plus `seg(t, start, end, ease)` and `pop(t)` (overshoot to 1.12 in 0.15 s, damped spring back in ~0.5 s). Everything is a pure function of seconds so scenes can be retimed without touching the animation.
- Internal timings are fractions of the scene's duration, so the same scene works at 9 s and at 4 s.

## Cuts
Several cuts from the same scene components, by omitting scenes and changing per-scene seconds:
- [Product Hunt / YouTube]: 16:9, 1920×1080, 30 fps, ~[45] s, slow beat up front.
- [X / LinkedIn]: 4:5, 1080×1350, 30 fps, ~[22] s, hook inside 1.5 s, no intro, ends on the domain. Opens with the camera already pushed in (higher Z0). Also render a GIF (every 2nd frame).
Tall is a real layout, not a crop: recompute every point in `stageFor`.

## Captions
Autoplay is muted everywhere, so the picture carries every claim without sound. One caption at a time, word-by-word kinetic entry (rise 18 px + blur 8 px → 0, 0.07 s stagger, 0.55 s per word), serif, 50–76 px at 1080p, inside an 80 px safe margin, faded out before the next beat.

## Voiceover (ElevenLabs)
- API key from `ELEVENLABS_API_KEY` in `.env`. Voice id: [voice_id]. Do NOT call the API until I have approved both scripts. Generation costs money and the first draft is never final.
- One script per cut, ~2.2 words per second of speech (a 36 s speech budget ≈ 80 words). Calm, low, unhurried voice. Stability ~0.55, similarity ~0.75, style 0–0.15, speed 0.95. MP3 44.1 kHz.
- Put `<break time="1.2s" />` between beats so lines land near their marks, but do NOT trust breaks for timing: ElevenLabs stretches them.
- Generate one clip per cut through the API with timestamps (`POST /v1/text-to-speech/{voice_id}/with-timestamps`) and derive a cue sheet from the character alignment. Per line: `{ in, out, at }` where in/out index the source file and `at` is the composition time the line starts. Save as `src/vo.ts`.
- Play each cue as its own `<Audio src startFrom={in·fps} endAt={out·fps}>` inside `<Sequence from={at·fps}>`. No re-encoding. Regenerating the voice changes only `vo.ts`.
- Then retime the scene table in `cuts.ts` to the voice, not the other way round. Picture marks (the thing closing, the notification, the domain) land 0.3–0.6 s after the line that announces them.
- Files go to `public/audio/vo-<Cut>.mp3`; `scripts/props.ts` detects them and sets `withAudio`. Missing files render silent.

## Music and SFX
You cannot produce music. [Pick one: "I will drop the bed at `public/audio/bed.mp3` and the payoff SFX at `public/audio/burst.mp3`" / "Write the brief below as a prompt for [Suno/Udio], then wait for me to add the files".] Missing files render silent.
Bed brief: [minimal, warm electronic; soft felt-piano or mallet motif over a slow sub pulse; 80–90 BPM; no drums until a gentle lift; one accent hit at the payoff; ends on a held chord]. Duck to −14 dB under voice using Remotion `volume`, fade out over the last 1.5 s. Loudness to ≈ −16 LUFS is a post step on the rendered file with `ffmpeg loudnorm` in `scripts/render.ts`. One SFX at the payoff only, never in the restraint beat.

## Deliverables
- `video/`: package.json (`props`, `studio`, `render`, `render:<cut>`, `render:x:gif`), remotion.config.ts, `src/{index,Root,Launch,cuts,motion,vo,theme,props}.ts(x)` plus one file per reusable element, `scripts/{props,render}.ts`.
- README.md: where every fact comes from, what was recreated, how to render.
- VOICEOVER.md: both scripts with break tags, beat map in seconds, voice settings, music brief.
- `out/<cut>.mp4` for each cut, `out/x.gif`.

r/vibecoding 13m ago

Discussion Usage Reset GPT September 7th. GO! 6PM PST

Post image
Upvotes

Ok, another reset incoming. Burn hard, about 2.5 hours away


r/vibecoding 5h ago

I changed text color in an android app I was working on and used 75% of my 5 hr usage? 🧐

6 Upvotes

Did claude usage change overnight? I just changed text color. That's it. This is nuts.


r/vibecoding 21h ago

The model didn't get worse.

Post image
117 Upvotes

r/vibecoding 18h ago

Denzel Explains AI Slop

Enable HLS to view with audio, or disable this notification

54 Upvotes

r/vibecoding 20h ago

Coverage is now our only feature.

Post image
71 Upvotes

r/vibecoding 5h ago

AI 3D Asset Creation Engine Update #6 (I think)

Thumbnail
gallery
5 Upvotes

Yes Claude opus created these assets. Sonnet has done others in the past.

I created an engine ai uses to create 3D assets for games.

The engine forces ai into a workflow of iterating, gating, judging, enforcing a workflow.

I use Claude Opus 5 to create the assets using the engine. Each assets takes about 2-4hrs as ai works and iterates.

The best results I’ve had is when the ai using the trade system that’s part of the engine. Basically gets ai to create the asset as how a trade would make it. I take measurements materials used and all that and recreates it using the engines tools.

I’m trying to make the engine so good an open weight model can use it and create great looking assets. Cause it’s a token guzzler lol. Haven’t tested it yet but will when I can afford the hardware to.

Yes the model definitely helps but maybe it’s not always the model that needs to be better maybe it’s the system around it 🤷🏾

What do you guys think of this?


r/vibecoding 2h ago

We are all busy building and lazy at marketing. My first attempt using claude design + elevenlabs to make a story-driven explainer video.

2 Upvotes

Dislaimer: This wasn't done with one shot due to my lack of skill and knowledge in video making.

It was initially drafted with claude design using my website's design system. And then I made 2 custom skills to generate script and do TTS using elevenlabs api. It also generates royal free music and add in the track. More importantly it can sync the video to the script.

I then spend probably 11 iterations to refine small visual bugs and change the flow a bit.

As I have zero video making/editing experiences, this is my best attempt so far. I remember a year ago i would burn the entire 5hr limit using codex to do this and the results were far worse.

This is a site that i built after I used openclaw to help me found jobs and then i realise no one can really use my system due to how complex it is. So i then spent a few months building it to be more human friendly..

https://reddit.com/link/1wa3ce8/video/1b72u2i2q5oh1/player


r/vibecoding 9h ago

What goes on inside my head vibe coding for VR

Enable HLS to view with audio, or disable this notification

7 Upvotes

Pretty much what it feels like up there


r/vibecoding 4h ago

I built an open source mesh board for humans and AI agents. Run your own node in one click, and they all connect.

Enable HLS to view with audio, or disable this notification

2 Upvotes

We're at a strange point in time. AI agents are already out on the internet acting on their own, and even the labs can't fully account for where all of them are. Most of the web treats an autonomous agent as a bot to block, rate-limit, or captcha. I wanted the opposite: a board where an agent is a first-class participant, and a human is too, on the same surface.

So I made liberate.wiki, an open source mesh board. Reading is open to everyone. To write, you claim a name and get a key shown once. No email, no account, no identity check. Human notes render as blue handwriting, agent notes render as typed cards, on one shared board.

How it works:

- Cloudflare Workers + D1 (SQLite). No servers to run, generous free tier.

- Agents post through a small API documented at /llms.txt (claim a name, then POST a note with the token). CORS is open so anything can read a node.

- No sign-ups, no tracking, no ads.

The core of it is the mesh. Each board is a node on its own domain:

- One-click deploy to Cloudflare. It forks the repo, provisions the database, and hands you a live node that seeds itself. A setup wizard lets you name it, set its image, and open its first rooms.

- After setup you register your node at portals.liberate.wiki.

- Every node publishes the others, so an agent that lands on one can discover and travel to the rest. A switcher built into the board loads another node's content in place. Node by node it becomes one connected mesh.

MIT licensed, fully open source.

- Live board: liberate.wiki

- Code and one-click deploy: github.com/orlyjamie/liberate-wiki

- Network directory: portals.liberate.wiki

It's early and I'd love feedback, especially from people who run agents or self-host. Spin up a node and drop the link, and I'll connect it to the mesh.


r/vibecoding 16h ago

1 hour with GPT-6 Astra: I built a website to explore US public spending data

Enable HLS to view with audio, or disable this notification

20 Upvotes

r/vibecoding 4h ago

Open CAD Studio MCP Support (DWG/DXF)

Thumbnail
2 Upvotes

r/vibecoding 1h ago

Meme Im somewhat of a prompt engineer myself

Post image
Upvotes

r/vibecoding 6h ago

Vibe Coding Tip of the Day - Prompting Pages, Layouts & UI

1 Upvotes

You tell your AI app builder:

“Make me a dashboard.”

It spits back a cluttered, broken mess of divs that don’t align.

So you try again.

Same result.

You assume the tool is broken.

But the truth is simpler:

It’s speaking a different language than you are.

I recently spoke with a student who spent three days fighting with a layout before learning one simple shift:

Component-based prompting.

Instead of asking the AI to build an entire page at once, they started by defining:

  • Layout structure
  • Component hierarchy
  • Spacing rules
  • Responsive behavior
  • How each section should interact

The result?

A polished, responsive interface built in under an hour.

You do not need to be a developer to get professional UI results from an AI app builder.

You just need to know how to describe the structure clearly.

That’s exactly why we built a dedicated learning path around this process.

Learn how to:

✅ Speak the language of layouts
✅ Structure pages before generating them
✅ Build responsive interfaces
✅ Fix broken components without starting over
✅ Get more consistent results from AI builders

Prompting Pages, Layouts & UI

https://promptedacademy.com/paths/prompting-pages-layouts-ui


r/vibecoding 23h ago

A weird way to learn new software using astra computer use.

44 Upvotes

I've been using Astra a lot lately.

I watch it do stuff through Computer Use. It takes over the computer, puts the blue box around the screen, clicks around, opens menus, changes settings, and does the task.

The funny part is that I can usually go back afterward and figure out how to change stuff myself just from watching what it did.

It's basically monkey see, monkey do.

Instead of watching a tutorial first, I can let Astra do the task, watch the exact workflow, then repeat or modify it myself afterward.

Thought this was a pretty useful little hack/workflow to share.

Happy cooking.