Hacker GitHub

← All repos

tldraw/make-real

View on GitHub ↗ ★ 5,415 TypeScript archived

Draw a ui and make it real

14 mentions on Hacker News by 13 people: 2 stories, 12 comments · first 2023-11-16 · latest 2024-01-22

Mentions per year 14 mentions · busiest year 2023 (12)
20082026
AllStoriesComments NewestTopOldest
  1. ▲ 2
    Make-real – Draw a mockup and make a real software using AI
    story by fagnerbrack · 2024-01-22 · 1 comment
  2. Consider using some seriously modern tech (LLMs!) to make games with point and click/draw. https://github.com/tldraw/make-real This is a really fun project that uses GPT4 and TLDraw. People have made games with it- it’s super WYSIWYG and…
    comment by jasonjmcghee · 2024-01-18 · in Ask HN: 9-yo son wants to build a game, I'm lost. What can I do?
  3. This is one of the reasons make-real works so surprisingly well: https://github.com/tldraw/make-real
    comment by IanCal · 2023-12-21 · in Catalyst – Tailwind CSS Application UI Kit
  4. Somewhat related: https://github.com/tldraw/make-real Was posted some time ago on HN, it was a twitter link, can't find it anymore.
    comment by SushiHippie · 2023-11-26 · in Show HN: Design2Code – Convert any screenshot to HTML/CSS code using GPT4 Vision
  5. …the user prompt is: ``` [IMAGE_LINK] Turn this into a single html file using tailwind. ``` https://github.com/tldraw/draw-a-ui/blob/8a889bf36afc06fbb0c... Looks simple enough to run “privately” by screenshooting a normal tldraw canvas and…
    comment by firexcy · 2023-11-16 · in I think I need to go lie down
  6. The code for the demo is open-source ( https://github.com/tldraw/draw-a-ui/blob/main/app/api/toHtml... ). The prompt they use interesting: You are an expert web developer who specializes in tailwind css. A user will provide you with a…
    comment by resiros · 2023-11-16 · in I think I need to go lie down
  7. From the Readme at https://github.com/tldraw/draw-a-ui „This works by just taking the current canvas SVG, converting it to a PNG, and sending that png to gpt-4-vision with instructions to return a single html file with tailwind.“
    comment by amai · 2023-11-16 · in I think I need to go lie down
  8. …give it a try, let me know how it goes for you! And please feel free to check out the source code: https://github.com/tldraw/draw-a-ui/
    comment by humbugtheman · 2023-11-16 · in I think I need to go lie down
  9. …horrible security pattern, sorry. If you want to run it locally or check out the source, it's here: https://github.com/tldraw/draw-a-ui . You can also see a bunch of other examples at https://twitter.com/tldraw . Happy to answer any…
    comment by steveruizok · 2023-11-16 · in I think I need to go lie down
  10. …a bad idea and I hope this doesn't normalize that. However, you can read the source code ( https://github.com/tldraw/draw-a-ui ) and come to your own conclusions—or else just run it locally instead.
    comment by steveruizok · 2023-11-16 · in I think I need to go lie down
  11. Yep: https://github.com/tldraw/draw-a-ui/blob/2ac633bbbd5fda39e59...
    comment by rob137 · 2023-11-16 · in I think I need to go lie down
  12. He is using an open source app called tldraw and this is the prompt used: https://github.com/tldraw/draw-a-ui/blob/2ac633bbbd5fda39e59...
    comment by thawab · 2023-11-16 · in I think I need to go lie down
  13. https://github.com/tldraw/draw-a-ui
    comment by ideasphere · 2023-11-16 · in I think I need to go lie down
  14. ▲ 4
    Generate working HTML/JS UI from a wireframe, using AI
    story by bambax · 2023-11-16 · 0 comments