[HN Gopher] ScreenCoder: An intelligent UI-to-code generation sy...
___________________________________________________________________
ScreenCoder: An intelligent UI-to-code generation system
Author : Dowwie
Score : 50 points
Date : 2025-08-04 13:12 UTC (9 hours ago)
(HTM) web link (github.com)
(TXT) w3m dump (github.com)
| wiradikusuma wrote:
| I guess it's good for "Dreamweaver 2.0" in the sense that it
| produces plain HTML. But my understanding is most serious web
| applications use a framework of some sort, such as React, Vue, or
| Svelte, and each is opinionated.
| rane wrote:
| There's this one new cool technology that could be just the
| thing for converting the HTML to use web framework of
| preference.
| jagged-chisel wrote:
| > ... most serious web applications use a framework of some
| sort ...
|
| So many things wrong with this sentiment.
|
| Define "serious."
|
| Do people think it's just not possible to make web apps without
| frameworks?
|
| Take the output from this tool and adapt it to whatever
| framework you want ... if you feel that's necessary.
| pzo wrote:
| It's so much harder to make very accurate image to plain HTML
| conversion than plain HTML to react et at. LLM are very good
| with translating between different web frameworks.
| kocial wrote:
| Oh! What about CSS frameworks like Tailwind, Bootstrap, etc.?
|
| How on earth was it able to generate and clone Images just from
| UI? Like did it get the source of the URL as well, where it could
| link those images or what did it actually do there?
| burkaman wrote:
| I think it's just cropping the provided screenshot:
| https://github.com/leigest519/ScreenCoder/blob/main/image_re...
| _fat_santa wrote:
| At my org we have been using the Figma MCP server to generate
| code from Figma designs. Spent about a day writing rules to keep
| the AI on guardrails but it's been very smooth sailing since then
| and any generated code needs minimal changes.
| alooPotato wrote:
| Ohh nice can you say more? Do you somehow map your Figma
| components to React components?
| dv_dt wrote:
| Lol, I have been exploring in the opposite direction. Given a set
| of basic CRUD endpoints for various data structures, including
| links to other structures. Generate a basic UI for them, with
| guidance on added ui to generate based on input and data oriented
| interaction specs.
|
| This is cool though, I think there are going to be an explosion
| of different higher level development patterns that will be
| useful in a lot of different situations that AI will enable. It
| will be interesting to see which ones get wider adoption, and
| which stay useful but in smaller focused niches.
| j45 wrote:
| Domain driven design or data driven design has it's benefits
| for sure.
|
| A scenario that comes up is the combination of understanding
| the problem space, use of tools and what the developer
| knows/needs to learn can shine their path in different
| direction to get to the outcome.
| javcasas wrote:
| https://jsonforms.io/
|
| https://rjsf-team.github.io/react-jsonschema-form/docs/
| vivzkestrel wrote:
| Would be nice if it generated HTMX
| stronglikedan wrote:
| It's just a PR away, so get crackin'!
___________________________________________________________________
(page generated 2025-08-04 23:01 UTC)