# Lighting-app: Convert low-fidelity sketches into interactive and responsive web apps **URL:** \ **Category:** Showcase\ **Tags:** dev\ **Created:** [November 16, 2024, 6:23pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574 "2024-11-16T18:23:59Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![malawad](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/malawad/32/310_2.png) [@malawad](https://community.sambanova.ai/u/malawad)\ **Post date:** [November 16, 2024, 6:24pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/1 "2024-11-16T18:24:00Z")
Hi everyone! 👋 I’ve been working on **Lighting App** , an experimental project for the hackathon that uses **Llama Vision** to create websites from sketches, ### Links - **Website** : [Lighting App](https://lighting-app.pages.dev/) - **Repository** : [GitHub Repo](https://github.com/malawadd/lighting-app) - **Demo** : [YouTube Video](https://youtu.be/Q0REBXYC4qI?si=y69U75b8ZLf-7aXT) ### Current Progress This app is still a **work in progress** as I’m trying to fine-tune the **prompt** for better results. Here’s the current prompt I’m using: [Prompt File](https://github.com/malawadd/lighting-app/blob/main/src/assets/prompt.md) And here’s how I’m implementing it in the code: [Prompt Implementation](https://github.com/malawadd/lighting-app/blob/c81ff0b608b4bb4501ac8ef5777951f267062440/src/commands.ts#L144) ### Feedback Request If anyone has a better approach or structure to use with this model, I’d really appreciate your input. One idea I’ve been considering is: - **Feeding the response into Llama 70B** to make the generated code even more complete. Do you think that’s an optimal approach? Or is there a better way to achieve this? ---
**Author:** ![Coby](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/coby/32/17_2.png) [@Coby](https://community.sambanova.ai/u/Coby)\ **Post date:** [November 17, 2024, 5:44am UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/2 "2024-11-17T05:44:06Z")
@malawad This is really, really cool. !!! For anyone else using it, please be aware that you will have to pause a bit between submissions because the rate limit per minute on the free tier is not very large for the vision models. ---
**Author:** ![malawad](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/malawad/32/310_2.png) [@malawad](https://community.sambanova.ai/u/malawad)\ **Post date:** [November 17, 2024, 12:57pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/3 "2024-11-17T12:57:13Z")
Thank you for trying it out @Coby. I think I’ll add a 60s timer to the generate button to account for the rate limit. ---
**Author:** ![Scott](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/scott/32/58_2.png) [@Scott](https://community.sambanova.ai/u/Scott)\ **Post date:** [November 17, 2024, 3:01pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/4 "2024-11-17T15:01:47Z")
Absolutely genius! 🕶 ---
**Author:** ![notagodzilla](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/notagodzilla/32/846_2.png) [@notagodzilla](https://community.sambanova.ai/u/notagodzilla)\ **Post date:** [November 17, 2024, 7:00pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/5 "2024-11-17T19:00:21Z")
This is cool. You beat me to the name tho haha. I am building a AI gen app, with the same name 😅 for the hackathon. @vasanth.mohan Guess that won’t be a problem? ---
**Author:** ![malawad](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/malawad/32/310_2.png) [@malawad](https://community.sambanova.ai/u/malawad)\ **Post date:** [November 17, 2024, 10:55pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/6 "2024-11-17T22:55:24Z")
Thank you so much! I just got another idea, and hopefully, I can implement it before the hackathon ends because it has me super excited, haha. If you liked this one, you’ll definitely love that one too! ---
**Author:** ![malawad](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/malawad/32/310_2.png) [@malawad](https://community.sambanova.ai/u/malawad)\ **Post date:** [November 17, 2024, 10:59pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/7 "2024-11-17T22:59:19Z")
Hahaha, thank you! I’m so terrible at naming things, I just add “-app” to all my projects. Best of luck with your project! I’m looking forward to seeing Lighting App and what you’ll build. ---
**Author:** ![vasanth.mohan](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/vasanth.mohan/32/16_2.png) [@vasanth.mohan](https://community.sambanova.ai/u/vasanth.mohan)\ **Post date:** [November 21, 2024, 11:48pm UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/8 "2024-11-21T23:48:15Z")
Lol no worries on the name - better to use a name that works than something too random ---
**Author:** ![prafull.thokal](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/prafull.thokal/32/20_2.png) [@prafull.thokal](https://community.sambanova.ai/u/prafull.thokal)\ **Post date:** [November 22, 2024, 6:30am UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/9 "2024-11-22T06:30:05Z")
@malawad Hats off to you for tackling the futuristic combo of sketch-to-website generation, truly a designer’s dream! 🎨➡💻 ---
**Author:** ![malawad](https://sea1.discourse-cdn.com/sambanova/user_avatar/community.sambanova.ai/malawad/32/310_2.png) [@malawad](https://community.sambanova.ai/u/malawad)\ **Post date:** [November 22, 2024, 7:36am UTC](https://community.sambanova.ai/t/lighting-app-convert-low-fidelity-sketches-into-interactive-and-responsive-web-apps/574/10 "2024-11-22T07:36:42Z")
Thank you so much @prafull.thokal. Actually in my last hackathon my teammate was a designer who felt really intimidated by coding. I kept encouraging him to give it a try. So this project was inspired from that experience haha. Now, I just want to get better at prompting so I can make the model understand interactions between diffident elements and maybe even create simple animations.