TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Everything I built with Claude Artifacts this week

637 点作者 recvonline7 个月前

41 条评论

rty327 个月前
I'm sure there are plenty of examples like this, but one thing that I find really hard to deal with is to integrate such tools into existing codebase -- you can make all these things as standalone pages, but for a professional developer, you have certain standards and conventions, and often it takes a lot of work to review/revise the code to make it work with existing codebase, so much that you end up using inline completion just to help with obvious stuff or boilerplate. I woule rather spend 20% extra amount of time to write the code myself yet have confidence, than spend time tweaking the prompt or giving follow up instructions.
评论 #41930434 未加载
评论 #41930522 未加载
评论 #41930335 未加载
评论 #41929814 未加载
评论 #41931908 未加载
评论 #41932428 未加载
评论 #41930377 未加载
评论 #41931187 未加载
评论 #41931655 未加载
评论 #41929832 未加载
评论 #41932172 未加载
评论 #41930931 未加载
评论 #41932077 未加载
M4v3R7 个月前
It's funny how we went from "it's impossible for a computer to write meaningful code by itself" to "yawn, another one of these" in like 2 years.
评论 #41929582 未加载
评论 #41929966 未加载
评论 #41929795 未加载
评论 #41929503 未加载
评论 #41929983 未加载
评论 #41942618 未加载
评论 #41931128 未加载
jcgrillo7 个月前
I just tried the following prompt:<p>&gt; please write a rust library implementing a variant of simple8b integer compression augmented to use run-length encoding whenever it&#x27;s beneficial to do so.<p>Initially I was sort of impressed, it quickly generated a program which looked like rust code, and provided an explanation that, while not as technically detailed as I&#x27;d hoped, seemed to be at least related to the topic.<p>Then I tried to compile the program. Turns out the bot didn&#x27;t quite actually write rust, it had written something closely resembling rust though, and the compiler errors helped me fix it.<p>Then I tried to run the tests--yes! the bot even wrote tests, although it did so in a totally bone-headed way by writing multiple distinct tests in one test function--not good. Panic on integer overflow trying to left shift a value. There were also multiple pages of compiler warnings complaining about dead code, unused functions, enum variants, etc. I always fail on warnings.<p>This is not a lot of code. 190 lines including tests. At this point, given that I already have concerns about its correctness, I don&#x27;t think there&#x27;s anything I can really use here. I&#x27;m worried the deeper I dig the worse it&#x27;ll get, so better to cut my losses now, sit down and read the simple8b paper, and implement this from first principles.<p>Every time I try to use one of these things it&#x27;s the same story. I cannot understand the hype. I&#x27;m genuinely trying but I just can&#x27;t understand it.
评论 #41930910 未加载
评论 #41933108 未加载
评论 #41930808 未加载
评论 #41930817 未加载
评论 #41930807 未加载
评论 #41930798 未加载
jjcm7 个月前
One of the other things I&#x27;ve been noticing is diffusion models are starting to get quite good at UI design. They&#x27;re still only well-tailored for landing pages (due to most of the training data being based on portfolio sites like dribbble), but still the output is at a point where I&#x27;d at least start with some AI riffs before jumping in myself on design.<p>Once these are at a point where we can automatically interpret them into usable workflows, it&#x27;s going to be incredible how quickly you can develop your ideas. I&#x27;m really excited for it.<p>Some examples of outputs:<p><a href="https:&#x2F;&#x2F;image.non.io&#x2F;cd90cc33-4a6a-41d8-abd2-045d3a272010.webp" rel="nofollow">https:&#x2F;&#x2F;image.non.io&#x2F;cd90cc33-4a6a-41d8-abd2-045d3a272010.we...</a><p><a href="https:&#x2F;&#x2F;image.non.io&#x2F;5a0c3fc7-37f8-4e72-aba9-cd61f3c18517.webp" rel="nofollow">https:&#x2F;&#x2F;image.non.io&#x2F;5a0c3fc7-37f8-4e72-aba9-cd61f3c18517.we...</a><p><a href="https:&#x2F;&#x2F;image.non.io&#x2F;920adf7c-a554-41bd-a29c-77bebed1cdad.webp" rel="nofollow">https:&#x2F;&#x2F;image.non.io&#x2F;920adf7c-a554-41bd-a29c-77bebed1cdad.we...</a>
评论 #41932108 未加载
galaxyLogic7 个月前
I think there is a commonly accepted rule of thumb that it is easier to write new code than modify existing code. Right?<p>Why that is there may be several reasons one being that when you try to improve existing code you would need to know all the untold dependencies in it to not break anything. Whereas when you write new code, there are no dependencies you don&#x27;t know about.<p>But so, if you take an AI provided implementation, and try to fix it, you are basically doing just that, trying fix old code you don&#x27;t know much about. You are working on a (AI-provided) legacy code-base in essence.
评论 #41932456 未加载
评论 #41932399 未加载
评论 #41932604 未加载
评论 #41932809 未加载
评论 #41932489 未加载
neom7 个月前
I stopped building web early 2000s to build web businesses instead, but I was pretty creative with the ol&#x27; LAMP back in the day, this whole thing is honestly just... it makes me giddy. I can build super fun stuff now without asking people, for example this took me... I dunno, from telling what I want to deploy... 15 minutes? And to ME, it&#x27;s awesome: <a href="https:&#x2F;&#x2F;funds.ascent.ca&#x2F;" rel="nofollow">https:&#x2F;&#x2F;funds.ascent.ca&#x2F;</a> - I doubt it&#x27;s well coded or w&#x2F;e, but the fact that I could get a &quot;cool&quot; marketing property online in &lt; 20 minutes basically exactly as I want... giddy is the right word.
评论 #41930251 未加载
评论 #41930259 未加载
lgessler7 个月前
I&#x27;ll add mine to the pile: I needed a visualization of the classic Towers of Hanoi puzzle for a course I&#x27;m teaching and Claude banged it out (in pure JavaScript, no less) in like 3 minutes of me typing: <a href="https:&#x2F;&#x2F;lgessler.com&#x2F;files&#x2F;towers.html" rel="nofollow">https:&#x2F;&#x2F;lgessler.com&#x2F;files&#x2F;towers.html</a><p>The first stab was basically correct, but then I needed to prompt him several times to correct an issue where the disk that&#x27;s currently picked up was being rendered as a vertical strip instead of as a disk, and then I just told him to convert the React into pure JS and IIRC it worked first try.
评论 #41931558 未加载
ks20487 个月前
Simon, (if you’re reading), if you “like programming”, is there any point that you get depressed about LLMs doing all the fun stuff that you wanted to do?<p>I see some arguments about high-level languages, eg “I’d rather program in Python than assembly - this is just another step-up”. But I feel natural language is altogether different and obliterates any skill&#x2F;knowledge you’ve built-up in programming.<p>I can think other things, for example music - I like playing guitar even though I’ll never create something totally original or do better than a machine could do. But for me, programming combines the fun of creation with the satisfaction of the end result - something you wanted to exist now exists.<p>To clarify, I’m not talking about “usefulness” or accomplishing some business objective, I’m talking about the joy and satisfaction of programming.
评论 #41930953 未加载
评论 #41932400 未加载
throwup2387 个月前
The new Sonnet version is pretty great at code but I keep hitting output size limitations in the Claude app when I usually didn&#x27;t use to before. Anyone else experiencing &quot;Claude&#x27;s response was limited as it hit the maximum allowed length at this time&quot; a lot more now?<p>At this point their limited output limit is far behind o1&#x2F;o1-mini. I really hope they significantly improve that next.
评论 #41929730 未加载
swah7 个月前
<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41904595">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41904595</a> <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41913378">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41913378</a><p>Not sure why no discussion at all - maybe the design is underwhelming.
评论 #41929450 未加载
评论 #41929553 未加载
评论 #41929678 未加载
评论 #41929676 未加载
评论 #41931532 未加载
评论 #41934441 未加载
harry87 个月前
Anyone got a &quot;best practises&quot; or even a few &quot;my workflow&quot; blog posts on how to best use LLM&#x27;s with a local code base?<p>Just saw someone recommend:<p><a href="https:&#x2F;&#x2F;aider.chat&#x2F;" rel="nofollow">https:&#x2F;&#x2F;aider.chat&#x2F;</a><p>Thought there might be more worth exploring from this community. ;-)
评论 #41931425 未加载
评论 #41931219 未加载
评论 #41930780 未加载
simonw7 个月前
There are a bunch of comments in this thread along the lines of &quot;these are just toys&quot; and &quot;anyone could build these without an LLM&quot;.<p>I need to update my post to emphasize this, but that&#x27;s kind of the point.<p>Every one of these 14 tools (with the possible exception of the OpenAI Audio debugger one, that one&#x27;s quite hard) is something any web programmer could build relatively quickly.<p>... but not as quickly as I did with an LLM, because they almost all took less than 5 minutes from idea to finished implementation.<p>The key point is that if I didn&#x27;t have Claude to help build these, I wouldn&#x27;t have built them at all. None of them would justify even an hour of work - they weren&#x27;t essential tools that I needed to get stuff done, they were just things I built because building them is now so cheap (in terms of time) that there was no reason not to.<p>That&#x27;s the real magic here. The cost of knocking out a single page app that does something simple is often now lower than even the cost of spending a few minutes on Google trying to find an existing tool that solves the same problem.
评论 #41932413 未加载
评论 #41931406 未加载
wraptile7 个月前
Most of these are really just 10 lines of python code. The value of generating an entire HTML with GUI is great but then the overhead comes in when you need to modify it or fix something or god forbid add a dependency library and you end up spending more time than actually building the tool from scratch. It&#x27;s getting close though.
评论 #41933314 未加载
xster7 个月前
Anthropic is so close to getting to a WeChat-esque store-less super-app state. It just needs a way to gather all your published artifacts and surface them easily in the sidebar like your favorited chats.<p>Since Elon is so interested in that model, if xAI had Claude&#x27;s capabilities, they would surely go with that angle
fHr7 个月前
if this aren&#x27;t amazing times to be alive I don&#x27;t know, this is insane, I also started to learn some rust on the weekend and it is nuts how good a chatgpt 4 can be as a teacher to support you on the fly
评论 #41930318 未加载
nichochar7 个月前
We built an open-source and local tool that allows you to take these even further. Highly recommend plugging in the latest model, but you can keep iterating on the apps.<p>Currently also on the front page <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41926067">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41926067</a>
yapyap7 个月前
wish there was an option to hide all chat AI related topics on HN
评论 #41930895 未加载
评论 #41930690 未加载
评论 #41930079 未加载
foobarqux7 个月前
I just don&#x27;t seem to find this stuff as useful to me as people are portraying. Take the &quot;extract URLs&quot; example: I would just do<p><pre><code> curl -sL $URL | htmlq &#x27;a&#x27; -a href</code></pre>
评论 #41930600 未加载
评论 #41929942 未加载
评论 #41929628 未加载
评论 #41930359 未加载
Eliezer7 个月前
Meanwhile, no luck getting it to build something that reverses a GIF. (Also, weirdly, no luck with finding a working GIF reverser online.) (Trying to reverse this: <a href="https:&#x2F;&#x2F;www.tumblr.com&#x2F;necessary-disorder&#x2F;765064008182235136" rel="nofollow">https:&#x2F;&#x2F;www.tumblr.com&#x2F;necessary-disorder&#x2F;765064008182235136</a>.)
评论 #41931612 未加载
评论 #41931607 未加载
评论 #41931976 未加载
评论 #41931982 未加载
sourcecodeplz7 个月前
It&#x27;s just not a big deal.
StickyRibbs7 个月前
i&#x27;ll start panicking when it can productionalize an app and deploy it to GCP without any errors.
评论 #41930324 未加载
评论 #41929703 未加载
评论 #41929714 未加载
评论 #41930511 未加载
djoldman7 个月前
@simonw: jina is getting cranky:<p><a href="https:&#x2F;&#x2F;tools.simonwillison.net&#x2F;jina-reader" rel="nofollow">https:&#x2F;&#x2F;tools.simonwillison.net&#x2F;jina-reader</a>?<p>{&quot;data&quot;:null,&quot;code&quot;:451,&quot;name&quot;:&quot;SecurityCompromiseError&quot;,&quot;status&quot;:45102,&quot;message&quot;:&quot;Your request is categorized as abuse. Please don&#x27;t abuse our service. If you are sure you are not abusing, please authenticate yourself with an API key.&quot;,&quot;readableMessage&quot;:&quot;SecurityCompromiseError: Your request is categorized as abuse. Please don&#x27;t abuse our service. If you are sure you are not abusing, please authenticate yourself with an API key.&quot;}
评论 #41929957 未加载
rtpg7 个月前
I am a bit frustrated that I don&#x27;t have a great &quot;tool&quot; environment to build out this stuff, because of having to futz with the I&#x2F;O. Like most of that stuff is &quot;well I know how to write the Python to do the last step, but wrapping it all up in a simple web UI is Too Much Work&quot;. That effort might be small, but it&#x27;s still orders of magnitude larger than the snippet!<p>Lots of TUI interfaces try to approximate this, but I think I really just need to build out something a bit like <a href="https:&#x2F;&#x2F;anvil.works&#x2F;" rel="nofollow">https:&#x2F;&#x2F;anvil.works&#x2F;</a>
评论 #41930985 未加载
freediver7 个月前
A very interested paradigm introduced here by Anthropic is that this content is hosted. And the output of LLM is amde a self-hosted app, ready for consumption by consumer. Not far away from build my own site kind of thing.
rahimnathwani7 个月前
Here&#x27;s one I built with Claude last week: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41855594">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=41855594</a>
ToJans7 个月前
I fully agree.<p>I think Claude offers me 10x productivity, especially for all these helper apps and technical POCs that I typically create during the week.<p>And that&#x27;s without even mentioning mail chain replies, analysis of legal or financial documents, helping my kids with their math assignments,...<p>It&#x27;s a huge enabler for me, and it&#x27;s getting better every month.<p>We are getting up the abstraction ladder faster and faster, and I cannot even imagine where we will end up within a few months, or a few years.
pluc7 个月前
and you didn&#x27;t learn a goddamn thing
ainiriand7 个月前
Hey some time ago I needed this at work:<p><a href="https:&#x2F;&#x2F;www.jsoncomments.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.jsoncomments.com&#x2F;</a><p>it is basically a tool to add some additional text to json text files and interpret it as comments for each line. I did it with ChatGPT.
dev0p7 个月前
A useful prompt to quickly generate this kind of website is<p>&quot;generate an index.html for {idea}&quot;.<p>It&#x27;s so much faster to just work within a single file. Of course, you have to be limited in scope, but for quick tools such as these it&#x27;s excellent.
gcanyon7 个月前
This is pretty amazing: I asked it to build a single-page app to accept and parse a PDF and give it back in a JSON structure I provided, and it did exactly that!<p>The parsing was terrible, but it worked <i>at all</i>, which is impressive. It suggested multiple next steps, one of which was to work harder on parsing, so I told it to do that. The resulting app showed a similar UI, but was non-responsive. I noticed it had output a message in small text that said &quot;Claude’s response was limited as it hit the maximum length allowed at this time.&quot;<p>So I told it that it had gone over its own limits and to try again, making an effort to stay within its limits. It tried again, and this time the UI didn&#x27;t even render beyond a text outline of the UI elements, and I got the same message.<p>So: pluses and minuses.
bilsbie7 个月前
What’s the best and easiest way to host and share these artifacts? GitHub html?
评论 #41930912 未加载
corytheboyd7 个月前
Just in case you need it: <a href="https:&#x2F;&#x2F;github.com&#x2F;gchq&#x2F;CyberChef">https:&#x2F;&#x2F;github.com&#x2F;gchq&#x2F;CyberChef</a><p>I was just trying to be helpful, since it was relevant to content in the post…
评论 #41929734 未加载
joeevans10007 个月前
These LLMs create significantly useful code and they are getting better. Those professionals who deride their utility are putting themselves at risk of not strategizing well for their future.
almog7 个月前
For the majority of these, a simple google search would have lead to an existing program&#x2F;website that does the same thing.<p>We&#x27;re past the POC stage. LLMs can generate code for simple programs. It&#x27;s when you try to tweak the requirements and point how a program introduces a bug that you eventually realize they still fail to take you through the last mile just as they did year and a half ago.
评论 #41930811 未加载
skydhash7 个月前
I don&#x27;t know if I&#x27;d take less time, but I would definitely type less.
tomcam7 个月前
I love love love that the transcripts are included.
bravura7 个月前
Is the realtime audio API now open to everyone?
评论 #41930845 未加载
purple-leafy7 个月前
Wild that people lap this up. Absolutely wild
kevinmerritt7 个月前
I learn so much from you. Thank you.
v3ss0n7 个月前
None of them worth writing home about
thimabi7 个月前
I take tools like these as an inspiration. All of us have at least some trivial tasks that can be automated. In the past, automating them might have been a hassle, but with LLMs, that’s no longer the case. I, for one, have a “scripts” folder with dozens of one-off mini-apps to handle specific tasks, and this folder keeps growing every day.