• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
jjg

jjg

multiplayer-prompting

Public
Like
multiplayer-prompting
Home
Code
13
.vscode
.vt
backend
docs
frontend
shared
.vtignore
AGENTS.md
ARCHITECTURE.md
DEPLOYMENT.md
QUICKSTART.md
README.md
deno.json
Environment variables
Branches
1
Pull requests
Remixes
History
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
QUICKSTART.md
Code
/
QUICKSTART.md
Search
…
Viewing readonly version of main branch: v13
View latest version
QUICKSTART.md

🎮 Quick Start Guide

Get Vibe-Draft running in minutes!

What You'll Build

A multiplayer "Cards Against Humanity" experience where:

  • Up to 10 players take turns playing cards
  • Cards influence an AI prompt (roles, tones, token limits, etc.)
  • Generate creative AI responses based on the collective vibe
  • Real-time updates via Server-Sent Events (no WebSockets!)

Step 1: Create Your Val (2 minutes)

  1. Log into Val Town
  2. Create a new val called "vibe-draft"
  3. Set it to "Public" so others can join

Step 2: Upload Files (5 minutes)

Copy all files from this project into your val:

  • Backend files → backend/ directory
  • Frontend files → frontend/ directory
  • Shared files → shared/ directory

Make sure backend/index.ts is set as an HTTP file type.

Step 3: Test It! (1 minute)

  1. Open your val's URL: https://<your-username>-vibe-draft.web.val.run/
  2. Enter a session ID: test-game
  3. Enter your name: Alice
  4. Click "Join Session"

Step 4: Multiplayer Test (2 minutes)

Open another browser tab/window:

  1. Same session ID: test-game
  2. Different name: Bob
  3. Watch them interact in real-time!

How to Play

Join a Session

  1. All players use the same Session ID
  2. Enter your unique Player Name
  3. First 10 players can actively play, others can spectate

Play Cards

  1. Wait for your turn (you'll see a ⭐ indicator)
  2. Click a card from your hand to play it
  3. Wild Cards let you write custom instructions
  4. Remove Cards let you undo or clear card types

Generate Vibes

  1. Stack a few cards to build an interesting prompt
  2. Type a query (or use the default)
  3. Hit "Generate Vibe"
  4. Watch the AI create something based on your collective cards!

Win Condition

There is no winner! It's about experimentation and collaboration. Try:

  • Stacking conflicting vibes (Academic + Pirate)
  • Building coherent themes (UX Designer + Minimal + Brief)
  • Going completely chaotic with wild cards

Card Types Cheat Sheet

CardEffectExample
🎭 RoleChanges AI persona"Rust Wizard", "UX Visionary"
🎨 ToneAdjusts communication style"ELI5", "Meme Lord", "Academic"
📏 Token LimitControls response length"50 tokens", "500 tokens"
✨ CustomYour own instructionAnything you want!
📸 ImageVisual contextUpload images (coming soon)
🗑️ RemoveUndo or clear cards"Undo Last", "Clear Roles"

Example Game Session

Round 1

Alice plays: 🦀 Rust Wizard → "Act as a senior Rust engineer" Bob plays: 👶 ELI5 → "Explain like I'm 5" Charlie plays: ⚡ Keep It Brief → "Max 50 tokens"

Generate!

Query: "Explain ownership and borrowing" AI Response: "Imagine Rust is like sharing toys. You can either own a toy (ownership) or borrow it from a friend (borrowing). When you own it, only you can use it. When you borrow, you promise to give it back!"

Round 2

Alice plays: 🏴‍☠️ Code Pirate → "Respond as a pirate" Bob plays: 🃏 Wild Card → "Everything should rhyme"

Generate!

Query: "Write a function to sort an array" AI Response: "Arrr matey, to sort yer treasure chest of numbers fine, ye call the method .sort() in a single line! 🏴‍☠️"

Troubleshooting

"Session is full"

Only 10 active players can join. You'll automatically become a spectator (can watch, can't play).

Cards not appearing

Refresh the page or check browser console for errors.

SSE disconnected

Your browser may have dropped the connection. Refresh to reconnect.

Generation fails

Check that OpenAI integration is working in Val Town console.

Tips for Fun Sessions

Theme Nights

  • Chaos Mode: Everyone plays wild cards
  • Poetry Night: Always include "Code Poet" card
  • Speed Run: Brief tokens only, fastest wins
  • Academic Conference: Formal roles + academic tone

Strategy

  • Build Tension: Stack conflicting cards for funny results
  • Synergy: Combine related cards for coherent outputs
  • Surprise: Drop a remove card to reset the vibe

Multiplayer Etiquette

  • Don't spam the generate button
  • Let everyone play at least one card before generating
  • Respect turn order (the UI enforces this anyway)
  • Have fun and experiment!

Next Steps

Once you're comfortable:

  1. Customize Cards: Edit shared/cards.ts to add your own
  2. Change Theming: Modify frontend/style.css for different aesthetics
  3. Add Features: Fork and extend (image upload, voting, etc.)
  4. Share Your Val: Post your unique session to social media!

Need Help?

  • Check README.md for full documentation
  • See ARCHITECTURE.md for technical details
  • Visit Val Town Docs for platform help
  • Join Val Town Discord for community support

Ready to vibe-code? 🎴✨

Create your first session and invite friends to join the chaos!

FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2026 Val Town, Inc.