14849
Top stories from https://news.ycombinator.com (with 100+ score) Contribute to the development here: https://github.com/phil-r/hackernewsbot Also check https://t.me/designer_news Contacts: @philr
Stop saying "just" (2019) (Score: 150+ in 1 day)
Link: https://readhacker.news/s/6hp35
Comments: https://readhacker.news/c/6hp35
It's called a dance floor (Score: 151+ in 22 hours)
Link: https://readhacker.news/s/6hqwu
Comments: https://readhacker.news/c/6hqwu
Machines of Loving Grace (Score: 152+ in 15 hours)
Link: https://readhacker.news/s/6hrnF
Comments: https://readhacker.news/c/6hrnF
Pagination widows, or, why I'm embarrassed about my eBook (2023) (Score: 152+ in 9 hours)
Link: https://readhacker.news/s/6hs5p
Comments: https://readhacker.news/c/6hs5p
Facebook building subsea cable that will encompass the world (Score: 153+ in 16 hours)
Link: https://readhacker.news/s/6hq8x
Comments: https://readhacker.news/c/6hq8x
Show HN: Convert any website into a React component (Score: 150+ in 11 hours)
Link: https://readhacker.news/s/6hqKJ
Comments: https://readhacker.news/c/6hqKJ
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component.
Demo video: https://youtu.be/hutUYDkyE_A
How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX
It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out global styles, removing inherited styles, pulling out SVGs, deleting styles with no effect, and condensing styles into their shorthand properties.
We dive into each of those optimizations here for fun: https://www.magicpatterns.com/blog/any-website-to-react-comp...
One of the main reasons we cared so much about condensing down the styles was not only to make it more human-readable, but also to reduce context length for an LLM, so that you can iterate on it with AI. Our extension has a “convert” option that lets you convert the output to Tailwind, Shadcn, or Chakra UI using an LLM. You can also export to Figma.
We're frontend engineers and we built the extension because our core product (https://www.magicpatterns.com/) helps software teams prototype their product ideas. And a huge pain point for users is getting their existing designs into our product, so that they can reference them to generate UIs with their existing aesthetic.
The extension allows you to get existing design context from any website, even localhost. Since launch, the extension has more than 3,000 users and interestingly is most popular in Japan.
Here's some real examples if you're curious what the final output looks like:
A) Hacker News Navbar - https://www.magicpatterns.com/ac9f38e4-5ef0-49e5-8b80-dbc429...
B) ChatGPT Welcome Screen - https://www.magicpatterns.com/7cb3ad12-cb12-4a5b-b32b-eda04d...
C) Cal.com Calendar Component — https://www.magicpatterns.com/a43bac78-134d-458d-8107-811ac7...
D) Stripe.com logo section - https://www.magicpatterns.com/deff1793-7a05-42fe-97f7-945976...
If you have an opinion about the extension, we’re all ears! You can try it for free at: https://www.magicpatterns.com/extension
US Forest Service decision to halt prescribed burns in ca is history repeating (🔥 Score: 157+ in 2 hours)
Link: https://readhacker.news/s/6hrJ6
Comments: https://readhacker.news/c/6hrJ6
What should a logo for NeXT look like? (1986) (Score: 151+ in 8 hours)
Link: https://readhacker.news/s/6hqnQ
Comments: https://readhacker.news/c/6hqnQ
gptel: a simple LLM client for Emacs (Score: 150+ in 1 day)
Link: https://readhacker.news/s/6hmVd
Comments: https://readhacker.news/c/6hmVd
Writing secure Go code (Score: 151+ in 4 hours)
Link: https://readhacker.news/s/6hqSD
Comments: https://readhacker.news/c/6hqSD
Rewrite it in Rails (❄️ Score: 150+ in 3 days)
Link: https://readhacker.news/s/6hfCc
Comments: https://readhacker.news/c/6hfCc
We're Leaving Kubernetes (🔥 Score: 150+ in 3 hours)
Link: https://readhacker.news/s/6hqex
Comments: https://readhacker.news/c/6hqex
New York Times tech workers go on strike (Score: 155+ in 4 hours)
Link: https://readhacker.news/s/6hpSv
Comments: https://readhacker.news/c/6hpSv
Hertz-dev, the first open-source base model for conversational audio (Score: 153+ in 10 hours)
Link: https://readhacker.news/s/6hnED
Comments: https://readhacker.news/c/6hnED
Hacker News Data Map [180MB] (Score: 150+ in 11 hours)
Link: https://readhacker.news/s/6hnkx
Comments: https://readhacker.news/c/6hnkx
What Every Developer Should Know About GPU Computing (2023) (Score: 152+ in 23 hours)
Link: https://readhacker.news/s/6hqgi
Comments: https://readhacker.news/c/6hqgi
Blog Writing for Developers (2023) (Score: 152+ in 16 hours)
Link: https://readhacker.news/s/6hrn7
Comments: https://readhacker.news/c/6hrn7
DB48X: High Performance Scientific Calculator, Reinvented (Score: 150+ in 17 hours)
Link: https://readhacker.news/s/6hqPd
Comments: https://readhacker.news/c/6hqPd
Is the Q source the origin of the Gospels? (Score: 150+ in 20 hours)
Link: https://readhacker.news/s/6hpQU
Comments: https://readhacker.news/c/6hpQU
Nvidia and its partners built a system to bypass U.S. export restrictions (🔥 Score: 152+ in 2 hours)
Link: https://readhacker.news/s/6hscj
Comments: https://readhacker.news/c/6hscj
Unfortunate things about performance reviews (2021) (Score: 151+ in 19 hours)
Link: https://readhacker.news/s/6hpjp
Comments: https://readhacker.news/c/6hpjp
Diagrams · Diagram as Code (Score: 151+ in 6 hours)
Link: https://readhacker.news/s/6hr9v
Comments: https://readhacker.news/c/6hr9v
Albertsons kills rural grocers with land use restrictions (🔥 Score: 150+ in 1 hour)
Link: https://readhacker.news/s/6hrAW
Comments: https://readhacker.news/c/6hrAW
FFmpeg up to 94x performance boost after implementing handwritten assembly code (🔥 Score: 153+ in 2 hours)
Link: https://readhacker.news/s/6hrhn
Comments: https://readhacker.news/c/6hrhn
Cheap Thrills, an album cover by Robert Crumb (2020) (Score: 150+ in 11 hours)
Link: https://readhacker.news/s/6hpB9
Comments: https://readhacker.news/c/6hpB9
Alonzo Church: Architect of computer intelligence (Score: 154+ in 4 hours)
Link: https://readhacker.news/s/6hqgt
Comments: https://readhacker.news/c/6hqgt
Quincy Jones has died (Score: 150+ in 9 hours)
Link: https://readhacker.news/s/6hpuB
Comments: https://readhacker.news/c/6hpuB
An embarrassingly simple approach to recover unlearned knowledge for LLMs (Score: 151+ in 8 hours)
Link: https://readhacker.news/s/6hnYg
Comments: https://readhacker.news/c/6hnYg
Show HN: Tinder, but to Decide What to Eat (Score: 151+ in 11 hours)
Link: https://readhacker.news/s/6hnmB
Comments: https://readhacker.news/c/6hnmB
Hello HN,
My girlfriend and I waste too much energy to decide what to eat. Every day, we would text each other, "what do we eat tonight" messages, and go over options and many times spend too much time on deciding. I am an indie dev and created this app to solve my own problem: decide with my girlfriend what to eat for dinner.
Initially, I created a simple app, in which we listed all the recipes we ever prepared, and it would propose randomly three of them. We would then choose together one of them. This app[0] turned into a tinder-like app, which would propose every day a set of recipes to my girlfriend and me - we would swipe and go for the first match.
If have some time, give it a try and feedback is very appreciated!
Cheers,
Kiru
[0] https://apps.apple.com/us/app/meal-planner-dinner-ideas/id64...
I've had a change of heart regarding employee metrics (🔥 Score: 155+ in 2 hours)
Link: https://readhacker.news/s/6hpcf
Comments: https://readhacker.news/c/6hpcf