screenshot-to-code
ML-For-Beginners
| screenshot-to-code | ML-For-Beginners | |
|---|---|---|
| 18 | 28 | |
| 53,089 | 67,588 | |
| - | 1.0% | |
| 9.7 | 6.9 | |
| 6 days ago | 7 days ago | |
| Python | HTML | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
screenshot-to-code
-
How I made my own screenshot-to-code project
I am a front-end developer, and tasks like creating web pages are the most time-consuming parts of my job. I hope AI can help me with these tasks and free up more time for me to enjoy my coffee breaks. ☕️ Recently, I stumbled upon an amazing open-source project on GitHub trending: https://github.com/abi/screenshot-to-code, which has garnered a lot of attention. As of now, it has already received an astonishing 53 k+ ⭐️. The project supports various tech stacks and popular large models:
- Screenshot to Code
-
Show HN: Turn a recording of an app into a functional prototype with Claude Opus
Thanks!
There's a dropdown where you can choose a stack for screenshots (Tailwind, React, Vue, etc.). I haven't updated the prompts for the video feature just yet. You can tweak the prompt yourself here: https://github.com/abi/screenshot-to-code/blob/6069c2a118592...
The quality of the output code is solid, I think. You can see the code for the examples: https://codepen.io/abi/pen/ExJPdop and https://codepen.io/abi/pen/jORWeYB
I think the biggest thing LLM code is typically missing is better abstractions/componentization. You could probably prompt around some of that.
- Evaluating Claude 3 for Converting Screenshots to Code
-
You Don't Need React
You can use GPT-V to create functional components from images directly:
There was an open source project (https://github.com/abi/screenshot-to-code) that I borrowed the prompt from and made a custom GPT for myself where I just drag and drop the image. It’s not perfect but it’s pretty great overall!
Here are the prompts:
-
Convert a screenshot to a working Flutter app
PS: I got the idea from tldraw/make-real and abi/screenshot-to-code projects. So all credit to them 🙌
-
Get Ready to Rock Web Development: Screenshot to Code with GPT-4V!
Screenshot to Code GitHub Repo: https://github.com/abi/screenshot-to-code
- Has anyone came up with a way to create images from your own photos?
- FLaNK Stack Weekly for 20 Nov 2023
- GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean HTML/Tailwind/JS code
ML-For-Beginners
-
Good coding groups for black women?
- https://github.com/microsoft/ML-For-Beginners
Also check out this list Pitt puts out every year:
- FLaNK Stack Weekly for 20 Nov 2023
- ML for Beginners GitHub
-
is it worth learning NLP without master degree?
I don't recommend just jumping in into natural language processing directly without understanding artificial intelligence theory. I personally recommend for you to start with the basic stuff (regression, classification, and clustering, for example), and then jump into more advanced topics. You already know software developer stuff, so that's a big step already, and it should be easier to understand some concepts. Maybe follow Microsoft's machine learning for beginners curriculum? It looks like a good roadmap overall to not instantly burn out on nlp
- AI i Machine Learning
- I want to learn more about AI and Machine Learning
-
Pocetak ML karijere
https://github.com/microsoft/ML-For-Beginners jel mislis na ovo?
- How could I have known
- GitHub - microsoft/ML-For-Beginners: 12 weeks, 26 lessons, 52 quizzes, classic Machine Learning for all
- How do I reset my career after already getting my masters?
What are some alternatives?
awesome-public-real-time-datasets - A list of publicly available datasets with real-time data maintained by the team at bytewax.io
FLAML - A fast library for AutoML and tuning. Join our Discord: https://discord.gg/Cppx2vSPVP.
Scada-LTS - Scada-LTS is an Open Source, web-based, multi-platform solution for building your own SCADA (Supervisory Control and Data Acquisition) system.
lego-mindstorms - My LEGO MINDSTORMS projects (using set 51515 electronics)
CoC2023 - Community over Code, Apache NiFi, Apache Kafka, Apache Flink, Python, GTFS, Transit, Open Source, Open Data
pycaret - An open-source, low-code machine learning library in Python
make-real - Draw a ui and make it real
Data-Science-For-Beginners - 10 Weeks, 20 Lessons, Data Science for All!
StyleTTS2 - StyleTTS 2: Towards Human-Level Text-to-Speech through Style Diffusion and Adversarial Training with Large Speech Language Models
pyVHR - Python framework for Virtual Heart Rate
TinyLlama - The TinyLlama project is an open endeavor to pretrain a 1.1B Llama model on 3 trillion tokens.
S2ML-Art-Generator - Multiple notebooks which allow the use of various machine learning methods to generate or modify multimedia content [Moved to: https://github.com/justin-bennington/S2ML-Generators]