Skip to content

Garima3110/VoiceSketch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 VoiceSketch β€” Your Voice, Visualized

VoiceSketch is a generative AI prototyping tool that instantly converts your spoken UI ideas into production-ready HTML + Tailwind CSS components.

Skip the wireframing.
Skip the CSS debugging.
Just speak and watch the UI appear.


πŸš€ Features

  • πŸŽ™οΈ Voice-to-Code Engine β€” Converts natural speech into structured UI descriptions.
  • 🧠 Powered by Gemini 2.5 Flash / 2.0 Flash β€” Generates clean, responsive HTML + Tailwind CSS.
  • πŸ“± Live Interactive Preview β€” Renders components instantly inside Streamlit.
  • 🎨 Tailwind CSS Native β€” Utility-first responsive design by default.
  • πŸ›‘οΈ Robust Architecture β€” Automatic text fallback, Apple Silicon audio fixes.
  • πŸ“₯ One-Click Export β€” Download HTML output immediately.

πŸ› οΈ Tech Stack

  • Frontend: Streamlit
  • AI Model: Google Gemini API
  • Audio: SpeechRecognition, PyAudio
  • Styling: Tailwind CSS injected into output
  • Backend: Python (generator.py)

βš™οΈ Installation

1. Clone the Repository

git clone https://github.com/yourusername/voicesketch.git
cd voicesketch

About

AI Powered Voice-to-Visual Design Assistant for Accessibility and Rapid Prototyping

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages