# Code Corrector

- **Event:** [Gemini 3 Hackathon SF](https://cerebralvalley.ai/e/gemini-3-hack-sf)
- **When:** Sat, Dec 6 at 9:00 AM – 10:00 PM (PST)
- **Where:** 365 Toni Stone Xing, San Francisco, CA
- **Team:** [Anna Saltveit](https://cerebralvalley.ai/u/BananaDuck)
- **GitHub:** https://github.com/asaltveit/visual-code-corrector
- **Demo video:** https://drive.google.com/file/d/12R3jMdCuR1PzcxvpZfazu5Id51v-oXWD/view?usp=sharing
- **Gallery:** https://cerebralvalley.ai/e/gemini-3-hack-sf/hackathon/gallery
- **Page:** https://cerebralvalley.ai/e/gemini-3-hack-sf/hackathon/gallery/11

This project is a Multi-Modal Code Refactorer with Visual Verification, built in one day. It solves a common and time-consuming problem in software development: understanding and improving messy or legacy code while ensuring that UI components look and function as intended.

The system allows a user to upload backend or frontend code, including React components, HTML, and CSS. It then uses Gemini 3 and Nano Banana Pro to refactor the code, improve structure, apply best practices, and explain its changes. For frontend code, the system also runs the code in an isolated environment and captures a real, non-hallucinated rendering of the UI. Gemini then reviews the real visual output and provides a corrected or improved version of both the code and the interface. This provides a fast, accurate way to clean up codebases while ensuring the UI behaves as expected.

---

Markdown version of https://cerebralvalley.ai/e/gemini-3-hack-sf/hackathon/gallery/11. Site index for agents: https://cerebralvalley.ai/llms.txt · full text: https://cerebralvalley.ai/llms-full.txt