Build Session

Opus · ~3 hours

Vibes: The Rate Everything Social Media

From a single idea to a full social media app in 3 hours. Watch the live prompt session between Zach and Claude — the back-and-forth that shaped the spec before ManyHands launched dozens of agents in parallel to build it.

manyhands — prompt session — RatingApp_Vibe

COMPLETED

ModelOpus

Runtime~3 hours

Messages16

Source Code

YOU

Can you create a new prompt to run? I want to make an app for phones(or web users, but mainly tailored for phones). Which is a rate anything + myspace kind of app. Imagine if Instagram had spotify integration, let you rate restuarants, movies, night life, activities, buildings, animals, anything! and would find people who share your similar intrests, instead of recommending accounts off how who you know, it recommends based off of how similar you are to other users. Let's mainly focus on 4 sections, music, movies/tv-shows/books/consumable-media(youtube videos or something), instablishments(restaurents, nightlife, cafe's, etc.), and locations(parks, fun trees, cool lakes and rivers, travels, etc). A user can post a picture when rating an item, and items are tagged by the user but there is a system which tries to learn the tags, your feed is comprised of people who are similar to you(even in just one of the many areas). A user's profile is comprised of a freeform kind of design, they can drag and drop components, and customize how they like, like if they had an HTML page for their profile, of course there are templates. You can like and comment on a user's post and follow. Try to keep this prompt medium size, I am curious how the Orchastration system can deal with ambiguity. Don't give it too hard of a test but don't go too low level of anything, like it can define api routes and data stuff. Make sure UI/UX is heavily emphasized as this is a social media at the end of the day.

Let me get the prompt template first, then we'll craft it.

Good template. Let me draft the prompt — keeping it medium complexity as you requested, with enough direction for coherence but leaving room for the orchestration to figure things out.

Here's what I drafted — "Vibe — Rate Everything, Find Your People":

Key design decisions:

▸Next.js + Supabase + Tailwind — proven stack, workers won't conflict on fundamentals

▸4 milestones from bare-bones auth+feed to full polish, so the orchestrator can build incrementally

▸Intentional ambiguity left in: I didn't define database schemas, API routes, or component structures — the system has to figure those out. I also left the UI aesthetic loosely described ("bold, vibrant, young") rather than pixel-precise

▸UI/UX heavily emphasized — bottom tab nav, mobile-first at 375px, card-based feed, drag-and-drop profile editor, onboarding taste quiz, vibe match percentages, taste comparison cards

▸Smart tagging is frequency-based (not ML) — keeps it buildable but still interesting

▸Taste matching via cosine similarity — described the concept but left implementation details to the workers

What it tests about the orchestration:

▸Can it decompose a social app with multiple interconnected features?

▸Can workers independently build compatible feed, profile, rating, and matching systems?

▸Can it handle the freeform profile editor (the hardest feature)?

▸Does it prioritize the mobile UX throughout?

Want me to adjust anything before we kick it off, or does this look good to launch?

YOU

Ok you can make it a little more detailed than 77 lines haha.

Fair point, let me flesh it out properly.

That's now ~200 lines with significantly more detail. Here's what I added:

Visual Design Language — Specific colors (#0A0A0F dark base, purple-to-pink gradients), glass-morphism, skeleton loading states, animation behavior, typography hierarchy

Navigation — Bottom tab bar with frosted glass, left sidebar on desktop, transition behavior, the (+) button as bottom sheet vs modal

Onboarding — Full 4-step wizard flow with specific UI direction per step

Each Category — Specific metadata fields, card display styles, visual treatment differences (e.g., Locations get wide landscape cards, Establishments are photo-first)

Post Creation — Step-by-step flow description, half-star ratings, character limits, autocomplete tag behavior

Profile Editor — 9 specific widget types with sizes, 4 named templates with described layouts, grid column behavior per breakpoint

Shared Data Models — TypeScript interfaces for User, Item, Post, Tag, TasteMatch, Notification so workers build compatible code

Feed Algorithm — Specific weighting rules (3x boost for followed, similarity multiplier, 48h decay)

Still leaves enough ambiguity for the orchestration to make decisions on component structure, exact DB queries, edge cases, and implementation patterns. Want me to launch it?

YOU

Ok cool I just want you to make sure that we are shooting for the stars, like se the bar very high, feel free to ask for unobtainable features, the orch.. system might get close!

Let me crank this up to 11.

Now that's a prompt. ~430 lines. Here's what I added to shoot for the stars:

Moonshot features:

▸Taste DNA Orb — A Three.js 3D generative art sphere where each particle is a rated item, colored by category, with connection lines for shared tags. Slowly rotates, interactive on drag.

▸Shared-element page transitions — Cards expand into detail views with the photo growing in place (like iOS hero animations)

▸Physics-based onboarding bubbles — "Vibe words" float around and you grab them, selected ones glow and drift upward

▸Star rating particle bursts — Filling the 5th star triggers confetti

▸Double-tap-to-like with floating hearts that drift with physics

▸Rolling number animations on all counters

▸9 achievement badges with full-screen celebration takeovers

▸13 profile widget types including radar charts, photo mosaics, tag clouds

▸7 profile color themes

▸Category-specific card designs — square album art for music, portrait posters for movies, wide landscapes for locations

▸Auto-hide bottom nav on scroll, frosted glass effect

▸"Hot Takes" in taste comparison — items where you disagree by 3+ stars, shown with VS graphics

▸Auto-generated recommendations — "You'd probably love [item] based on @user's ratings"

▸Tag velocity trending — tags sized by growth rate, not total count

▸Discovery cards interspersed in feed every 8-10 posts

▸Parallax scroll on album art and profile headers

Want me to launch it?

YOU

yep

🚀Orchestration Launched

Build Complete

Back to Blog