Skip to content

SL

Took the concept of the website Scratch which turns coding into 'lego blocks' as an intro to coding for system and implemented it with agent systems instead for various coding systems (e.g.

Core trick

Turns a prompt into a sequenced plan, then dispatches each block to one of ten specialized Gemini agents for UI, backend, DB, and auth.

Tags

Description

Took the concept of the website Scratch which turns coding into 'lego blocks' as an intro to coding for system and implemented it with agent systems instead for various coding systems (e.g. UI, UX, backend, DB scheme etc).
samlasseur/VibecodingHackathon★ 00 forksTypeScriptCreated Nov 15, 2025 · last push Nov 15, 2025

README excerpt

# CodeGen Idea Builder

A cutting-edge "Scratch for software" workspace with a stunning glassmorphic UI that transforms natural language prompts into production-ready code. Built with React, TypeScript, Tailwind CSS, and powered by Google's Gemini AI.

## Key Features

### **Beautiful Glassmorphism UI**
- Modern monochromatic/grayscale color scheme with elegant glass-morphism effects
- Smooth animations and transitions throughout the interface
- Responsive design that works seamlessly across all devices
- Ambient lighting effects and subtle background patterns

### **AI-Powered Architecture**
- **Smart Architect** – Describe your vision once, get a complete plan with intelligently sequenced agent prompts
- **Multi-Agent System** – 10 specialized agents: UI, UX, Backend, Database, Auth, API Integration, Testing, State Management, Styling, and Deployment
- **Auto-Fix Intelligence** – Automatic error detection and correction for preview issues
- **Offline-Friendly** – High-quality mock responses when API is unavailable

### **Enhanced Workflow**
- **Composable Blocks** – Create, edit, reorder, clone, and execute blocks individually or in bulk
- **Live Preview** – Real-time rendering in a sandboxed iframe with device toggles (Desktop/Tablet/Mobile)
- **Code Editor** – Built-in editor with syntax awareness, character/line counts, and keyboard shortcuts
- **Project Management** – Multiple projects with search, sorting, and instant switching

### **Developer Experience**
- **Keyboar

Team