Project Info
Inspiration
Prototyping has revolutionized digital design—Figma made web and mobile seamless, Canva simplified graphic creation—but 3D and VR remain stuck in the past. Existing tools are slow, overly technical, and inaccessible to most creators. We wanted to change that by building Prototyp3D, the first effortless, AI-powered 3D/VR prototyping tool that generates real, working code and an easily interactive environment solely from natural language descriptions.
What it does
Prototyp3D enables anyone—developers, designers, educators, and entrepreneurs—to bring their 3D and VR ideas to life instantly. Users simply describe their vision in plain text, and our AI Agents go through an optimized pipeline to generate functional 3D/VR code, while rendering the results step by step for the user to interact with. It’s like having a virtual engineering team that plans, builds, tests, and refines your prototype—all without requiring coding skills.
How we built it
AI-Powered Prototyping Agent: Uses natural language processing to interpret user descriptions and generate structured development tasks. It breaks large projects into organized Jira-style tickets using OpenAI's GPT 4o model. AI-Powered Prototyping Agent: Uses natural language processing to interpret user descriptions and generate structured development tasks. It breaks large projects into organized Jira-style tickets using OpenAI's GPT 4o model. Autonomous Code Generation Pipeline: Uses OpenAI's GPT o3-mini-high model to generate/improve code given specific context and acceptance criteria (specified in tickets). Autonomous Code Generation Pipeline: Uses OpenAI's GPT o3-mini-high model to generate/improve code given specific context and acceptance criteria (specified in tickets). Iterative Debugging & Testing System: Feeds and runs fresh project code in multiple virtual machines; launches Scrapybara AI agents to interact and play with the running 3D environment (or provide error information) in order to evaluate and generate feedback based on given ticket goals. The AI agent “sees,” “clicks,” and “drags” elements in a virtual environment to verify functionality before iterating a debugging process or moving on to the next ticket after achieving a certain similarity score. Iterative Debugging & Testing System: Feeds and runs fresh project code in multiple virtual machines; launches Scrapybara AI agents to interact and play with the running 3D environment (or provide error information) in order to evaluate and generate feedback based on given ticket goals. The AI agent “sees,” “clicks,” and “drags” elements in a virtual environment to verify functionality before iterating a debugging process or moving on to the next ticket after achieving a certain similarity score. Intuitive Front End: A visually clean and modern interface designed as a one-stop shop for all development needs. It seamlessly integrates essential features like autosaving, on-demand compilation, full-screen mode, syntax highlighting, easy code copying, and quick downloads. Every element is optimized for a smooth and efficient workflow. Intuitive Front End: A visually clean and modern interface designed as a one-stop shop for all development needs. It seamlessly integrates essential features like autosaving, on-demand compilation, full-screen mode, syntax highlighting, easy code copying, and quick downloads. Every element is optimized for a smooth and efficient workflow. 3D & VR Code Generation: Leverages frameworks like Three.js, Babylon.js, and WebXR to build real, interactive 3D experiences. 3D & VR Code Generation: Leverages frameworks like Three.js, Babylon.js, and WebXR to build real, interactive 3D experiences.
Challenges we ran into
Balancing AI autonomy with user control: Ensuring users could guide and tweak the generated prototypes while keeping the process seamless. Debugging in 3D/VR environments: Creating a system that understands and interacts with complex 3D spaces like a human tester. We ensured that AI agents only used visual and interactive observations in order to feed unbiased feedback into our code generating pipeline.
Accomplishments we're proud of
The scope and complexity of projects that Prototyp3d can create far outpaces anything current models can output. We are proud to have utilized AI agents to create a debugging/feedback pipeline that models the thought process of real seasoned engineers. Developed a working end-to-end pipeline where users can describe ideas and receive functional 3D/VR applications in minutes. We are proud to have created a customer oriented interface that allows users to not only see and edit the generated code but also interact with the rendered 3d environment itself.
What we learned
The amount of possibilities that AI agents unlock is incredible: the use of them to simulate human engineers unlocks the possibility of creating projects over 10 times as complex as a query to the latest models. Natural language AI for software engineering is incredibly powerful, but structuring its output into reliable, functional code takes careful design . Speed and quality are hard to balance: we focused a lot on outputting quality code, but that meant sacrificing run times and having to iterate through long pipelines.
What's next
Expanding VR Compatibility: Adding support for Unity, Unreal Engine, and other VR platforms. Interactive Queries: We want to flexibility to the next level, letting users specify wanted changes by interacting with the 3D environment itself. Collaboration Features: Enabling real-time, multiplayer prototyping so teams can build together. An even bigger future: we think our ai agent pipeline can be generalized to more types of generation. It can be used to generate projects outside of the 3d space. It can be used to write essays. It can be used to generate videos. We think our pipeline unlocks massive potential for generating quality output, and think that this technology can be generalized and used for so many different products.
prototyp3d
prototyp3d is an AI-powered 3D and VR prototyping tool that transforms natural language descriptions into functional, interactive 3D/VR applications. By leveraging AI agents and autonomous code generation, prototyp3d streamlines the prototyping process, allowing users to build, test, and refine their 3D/VR ideas effortlessly.
Inspiration
Prototyping has revolutionized digital design—Figma simplified UI/UX, Canva streamlined graphic design—but 3D and VR remain difficult to access. Traditional tools are slow, overly technical, and not user-friendly. prototyp3d changes that by enabling intuitive, AI-powered 3D/VR development that generates real, working code in an interactive environment.
What It Does
prototyp3d allows users—including developers, designers, educators, and entrepreneurs—to create 3D/VR experiences simply by describing them in plain text. Our AI pipeline interprets user descriptions, generates code, and renders interactive 3D/VR environments, providing users with:
- Instant code generation based on natural language input.
- Real-time interactive rendering of 3D/VR prototypes.
- Debugging and testing using AI agents that simulate real engineers.
- A user-friendly interface with autosaving, full-screen mode, syntax highlighting, on-demand compilation, and many more!
How We Built It
AI-Powered Prototyping Pipeline
- Natural Language Processing / Autonomous Code Generation: Utilizes OpenAI's o3-mini to interpret user descriptions and create structured development tasks.
- Iterative Debugging & Testing: The Scrapybara agent interacts with the environment and performs visual inspections which are later fed into the feedback debugging loop.
- Optimized Rendering Pipeline: Supports Three.js, Babylon.js, WebXR, and other 3D/VR frameworks.
- Modern Frontend: A sleek UI built with React, HTML, and CSS, and Three.js.
Accomplishments
- Built a full AI-powered 3D/VR prototyping pipeline capable of generating functional applications.
- Created a debugging system where AI agents interact with the generated 3D environment, mimicking real engineers.
- Developed an intuitive interface that allows users to both edit code and interact with their rendered environments.
What's Next
- Interactive Queries: Let users modify prototypes directly within the 3D environment, interacting with specific elements and isolating blocks of code for accurate debugging and improvements.
- VR Compatibility: Expanding support to Unity, Unreal Engine, and other VR platforms.
- Multithreading / Optimizations: Queries could always run faster -- addressing tickets in separate threads or even cores would be greatly beneficial for the overall runtime of each query.
Built With
- AI: OpenAI o3-mini, Scrapybara, Anthropic Claude
- Frontend: React, JavaScript (Three.js), HTML, CSS
- Backend: Python, Flask
- Infrastructure: Ubuntu, Bash, ngrok
License
This project is licensed under the MIT License.
Analysis
View
Metric
- 43
- 22
- 15
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- AnthropicIn code
- CSSIn code
- FlaskIn code
- HTMLIn code
- JavaScriptIn code
- Next.jsIn code
- OpenAIIn code
- PythonIn code
- ReactIn code
- Tailwind CSSIn code
10 of 10 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
78 KB
Source files
28
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
miyaliu627/prototyp3d
48 files · 1.2 MB · @ 6b86cc4
Structure
Interface
12 files · 25%Screens, components and styles rendered to the user.
API & routing
2 files · 4%Request entry points: routes, handlers and controllers.
Application logic
5 files · 10%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript47%
- Python33%
- HTML14%
- Markdown6%
- CSS1%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
backend/requirements.txt
pypi · 60- annotated-types
- anthropic
- anyio
- build
- CacheControl
- certifi
- cffi
- charset-normalizer
- cleo
- crashtest
- distlib
- distro
- dulwich
- fastjsonschema
- filelock
- findpython
- flask
- flask_cors
- +42 more
frontend/package.json
npm · 15- @heroicons/react
- dotenv
- file-saver
- jszip
- lucide-react
- next
- prismjs
- react
- react-dom
- three
- +5 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.