Hacker GitHub

← All repos

abi/screenshot-to-code

View on GitHub ↗ ★ 80,976 Python

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

10 mentions on Hacker News by 5 people: 3 stories, 7 comments · first 2023-11-16 · latest 2026-06-23

Mentions per year 10 mentions · busiest year 2024 (5)
20082026
AllStoriesComments NewestTopOldest
  1. …experience. I eval almost every vision model since I work on screenshot to code conversion project: https://github.com/abi/screenshot-to-code .
    comment by abi · 2026-06-23 · in Mistral OCR 4
  2. If you're looking for a open source version of the same, check out https://github.com/abi/screenshot-to-code
    comment by abiraja · 2024-08-22 · in Show HN: LangCSS – An AI Assistant for Tailwind
  3. …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…
    comment by abi · 2024-03-21 · in Show HN: Turn a video of an app into a functional prototype with Claude Opus
  4. ▲ 17
    Show HN: Turn a video of an app into a functional prototype with Claude Opus
    story by abi · 2024-03-21 · 3 comments
  5. ▲ 1
    Evaluating Claude 3 for Converting Screenshots to Code
    story by abi · 2024-03-06 · 0 comments
  6. …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…
    comment by kirill5pol · 2024-02-09 · in React has grown beyond its original promise and it's causing more harm than good
  7. I think they're referring to the video on the github page where it does the generation for YouTube: https://github.com/abi/screenshot-to-code
    comment by invalidusernam3 · 2023-11-16 · in Show HN: Convert any screenshot into clean HTML code using GPT Vision (OSS tool)
  8. Yeah you should be able to modify the prompts to achieve that easily: https://github.com/abi/screenshot-to-code/blob/main/backend/... I'll try to add a settings panel in the UI as well.
    comment by abi · 2023-11-16 · in Show HN: Convert any screenshot into clean HTML code using GPT Vision (OSS tool)
  9. Here is the meat https://github.com/abi/screenshot-to-code/blob/main/backend/... """ You are an expert Tailwind developer You take screenshots of a reference web page from the user, and then build single page apps using Tailwind, HTML and…
    comment by tlarkworthy · 2023-11-16 · in Show HN: Convert any screenshot into clean HTML code using GPT Vision (OSS tool)
  10. ▲ 358
    Show HN: Convert any screenshot into clean HTML code using GPT Vision (OSS tool)
    story by abi · 2023-11-16 · 90 comments