Vibe Coding Ideas
No description available
Ask AI about Vibe Coding Ideas
Powered by Claude Β· Grounded in docs
I know everything about Vibe Coding Ideas. Ask me about installation, configuration, usage, or troubleshooting.
0/500
Reviews
Documentation
VibeCodes
A collaborative idea board for vibe coding projects. Share ideas, find collaborators, manage tasks with kanban boards, and integrate with Claude Code via MCP.
Live: vibecodes.co.uk | Contributing: CONTRIBUTING.md
MCP Integration
Connect Claude Code to VibeCodes and manage your ideas, boards, and tasks from the terminal:
claude mcp add --transport http vibecodes-remote https://vibecodes.co.uk/api/mcp
OAuth 2.1 + PKCE β log in with your VibeCodes account when prompted. 38 tools available (list ideas, manage boards, create/move tasks, comment, bot teams, and more). See the MCP Integration guide for details.
Features
- Idea Feed β search, filter by status/tags, sort by newest/popular/discussed, paginated
- Voting β optimistic upvotes with real-time count updates
- Threaded Comments β comment, suggestion, and question types with markdown support
- Collaboration β request to join projects, add collaborators, team-only access to boards
- Kanban Boards β drag-and-drop task management per idea with:
- Labels (12 colors), due dates, checklists, assignees
- File attachments (images, docs, up to 10MB)
- Task comments with @mentions
- Activity log tracking all changes
- Bulk import (CSV, JSON/Trello, bulk text)
- Real-time sync across all collaborators
- Idea Attachments β upload images, PDFs, and markdown files to ideas (drag-and-drop, paste)
- AI Enhancement β AI-powered idea description improvement, clarifying questions, and board task generation (BYOK API keys supported)
- Notifications β votes, comments, collaborators, status changes, @mentions (in-app + email via Resend)
- User Profiles β avatar upload, bio, GitHub link, activity history
- Guided Onboarding β step-by-step welcome flow for new users
- Admin Tools β delete any idea or non-admin user, manage AI quotas
- Visibility β public or private ideas (private = author + collaborators + admins only)
- Authentication β GitHub OAuth, Google OAuth, email/password with reset flow, Cloudflare Turnstile CAPTCHA
- Dark/Light Theme β system-aware with manual toggle
- AI Bot Teams β create distinct bot personas (Developer, QA, Designer) with persistent identity across sessions
- Remote MCP Server β OAuth 2.1 + PKCE, 38 tools, per-user RLS enforcement
- Feedback System β in-app feedback collection with admin management
- Public Guide β in-app documentation at
/guide - Docker Dev Environment β local Supabase with seeding
- E2E Tests β Playwright test suite across Chrome, Firefox, and Mobile Chrome
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, Turbopack) |
| Language | TypeScript |
| Styling | Tailwind CSS v4 + shadcn/ui (New York, Zinc) |
| Backend | Supabase (Auth, Postgres, Realtime, Storage, RLS) |
| AI | Vercel AI SDK + @ai-sdk/anthropic |
| Drag & Drop | @dnd-kit/core, @dnd-kit/sortable |
| Markdown | react-markdown + remark-gfm |
| Theming | next-themes |
| MCP | mcp-handler (Vercel adapter) + @modelcontextprotocol/sdk |
| Resend | |
| CAPTCHA | Cloudflare Turnstile |
| Error Tracking | Sentry (@sentry/nextjs) |
| Analytics | Vercel Analytics + Speed Insights |
| Testing | Vitest + Playwright |
| Hosting | Vercel |
Getting Started
Prerequisites
- Node.js 18+
- A Supabase project (or Docker for local Supabase)
1. Install Dependencies
npm install
2. Configure Environment
cp .env.example .env.local
Fill in your Supabase project URL and anon key from the Supabase Dashboard (Settings > API).
3. Set Up the Database
Option A: Supabase Cloud
Run the SQL migration files in supabase/migrations/ in order in the Supabase SQL Editor. There are 62 migrations covering tables, RLS policies, triggers, and functions.
Option B: Docker (Local Supabase)
npm run docker:supabase # Start local Supabase instance
npm run docker:seed # Seed with sample data
4. Configure OAuth Providers
In your Supabase Dashboard under Authentication > Providers, enable:
- GitHub: Add your GitHub OAuth app's client ID and secret
- Google: Add your Google OAuth client ID and secret
Set the redirect URL to: http://localhost:3000/callback
5. Run the Development Server
npm run dev
Open http://localhost:3000 to see the app.
Project Structure
src/
βββ app/
β βββ (auth)/ # Auth pages (login, signup, forgot/reset password)
β βββ (main)/ # Authenticated pages (dashboard, feed, ideas, profile, admin, agents)
β βββ guide/ # Public guide pages
β βββ privacy/ # Privacy policy
β βββ terms/ # Terms of service
β βββ api/
β β βββ ai/ # AI enhancement endpoints
β β βββ mcp/ # Remote MCP endpoint (OAuth 2.1)
β β βββ notifications/ # Email notification webhook
β β βββ oauth/ # OAuth 2.1 endpoints (DCR, authorize, token)
β βββ .well-known/ # OAuth discovery (RFC 8414, RFC 9728)
β βββ oauth/ # OAuth consent UI
βββ actions/ # Server Actions (15 files, 60+ exported functions)
βββ components/
β βββ ui/ # shadcn/ui primitives
β βββ layout/ # Navbar, theme toggle, notification bell
β βββ board/ # Kanban board, task dialogs, import, labels, etc.
β βββ ideas/ # Idea card, feed, form, voting, collaborators, attachments
β βββ comments/ # Comment thread, form, type badges
β βββ dashboard/ # Stats, active boards, tasks, activity
β βββ ai/ # AI enhancement dialogs
β βββ onboarding/ # Guided onboarding flow
β βββ landing/ # Landing page sections
β βββ profile/ # Profile header, tabs, settings
βββ hooks/ # useUser, useRealtime
βββ lib/ # Supabase clients, validation, constants, utils, email templates
βββ types/ # Database types, derived types
βββ test/ # Vitest setup and shared mocks
mcp-server/ # MCP server (stdio + shared tools for remote)
supabase/migrations/ # 62 SQL migration files
e2e/ # Playwright E2E test specs
Database
22 tables with Row Level Security:
- Core: users, ideas, comments, votes, collaborators, notifications, feedback, idea_attachments, collaboration_requests
- Board: board_columns, board_tasks, board_labels, board_task_labels, board_checklist_items, board_task_activity, board_task_comments, board_task_attachments
- Agents: bot_profiles
- AI: ai_usage_log, ai_prompt_templates
- MCP/OAuth: mcp_oauth_clients, mcp_oauth_codes
Scripts
| Command | Description |
|---|---|
npm run dev | Start dev server (http://localhost:3000) |
npm run build | Production build (Turbopack) |
npm run lint | ESLint |
npm run test | Vitest (single run) |
npm run test:watch | Vitest (watch mode) |
npm run test:e2e | Playwright E2E tests |
npm run docker:supabase | Start local Supabase via Docker |
npm run docker:reset | Reset local Supabase |
npm run docker:seed | Seed local Supabase with sample data |
