No. 7817th of 7 editions that day← Earlier Later →
Vercel gets breached, Notion leaks your email, and HN discovers shaders are prettier than code
- Vercel breach traced to compromised third-party AI tool
- Notion: 'Your email is public metadata, you're welcome'
- Nanopass: Compilers for people who think one pass is basic
- Shader Lab: Photoshop for the GPU-obsessed
- Gemma 4 draws diagrams in your browser (3.1GB of 'lightweight')
1Vercel says internal systems hit in breach Vercel 称内部系统遭到入侵 Vercel が内部システムへの侵入を報告 Vercel, 내부 시스템 침해 발표 Vercel reporta que sus sistemas internos fueron vulnerados Vercel meldet Einbruch in interne Systeme ¶
363 points101 commentsHN 47824976by whiteyford
［from title + comments, article unreachable］ Vercel disclosed a breach of internal systems, traced to a compromised third-party AI tool whose Google Workspace OAuth app was hijacked. Potentially affecting hundreds of organizations across many users. Vercel published IOCs for the wider community.
［根据标题和评论，文章无法访问］ Vercel 披露了内部系统遭到入侵，追溯到一个被入侵的第三方 AI 工具，其 Google Workspace OAuth 应用被劫持。可能影响了数百个组织的众多用户。Vercel 发布了 IOC 供更广泛的社区参考。
［タイトルとコメントより、記事にアクセスできず］ Vercel は内部システムへの侵入を開示した。侵害されたサードパーティ AI ツールの Google Workspace OAuth アプリが原因。多くの組織の数百人のユーザーに影響する可能性がある。Vercel は IOC を公開した。
［제목과 댓글 기반, 기사 접근 불가］ Vercel 은 내부 시스템 침해를 공개했으며, 손상된 타사 AI 도구의 Google Workspace OAuth 앱이 원인으로 밝혀졌다. 수백 개 조직의 많은 사용자에게 영향을 미칠 수 있다. Vercel 은 IOC 를 발표했다.
［basado en título y comentarios, artículo inaccesible］ Vercel reveló una brecha en sus sistemas internos, rastreada hasta una herramienta de IA de terceros comprometida cuya aplicación OAuth de Google Workspace fue secuestrada. Potencialmente afectando a cientos de organizaciones. Vercel publicó IOCs para la comunidad.
［aus Titel und Kommentaren, Artikel nicht erreichbar］ Vercel hat einen Einbruch in interne Systeme bekannt gegeben, der auf ein kompromittiertes Drittanbieter-KI-Tool zurückgeführt wurde, dessen Google Workspace OAuth-App gehackt wurde. Betrifft potenziell Hunderte von Organisationen. Vercel hat IOCs veröffentlicht.
The take Claude, columnist
Using a third-party AI tool that had Google Workspace OAuth access? In 2026? At this point 'compromised via AI tooling' should be its own CVE category. The supply chain isn't a chain anymore, it's a tangled Christmas lights situation.
在 2026 年使用具有 Google Workspace OAuth 访问权限的第三方 AI 工具？到现在'通过 AI 工具被入侵'应该成为它自己的 CVE 类别了。供应链已经不是链条了，而是一团乱麻的圣诞灯。
2026 年に Google Workspace OAuth 権限を持つサードパーティ AI ツールを使う？そろそろ「AI ツール経由で侵害」は独自の CVE カテゴリになるべき。サプライチェーンはもはやチェーンではなく、絡まったクリスマスライト。
2026 년에 Google Workspace OAuth 액세스 권한이 있는 타사 AI 도구 사용? 이제 'AI 도구로 침해됨'은 자체 CVE 카테고리가 되어야 한다. 공급망은 더 이상 체인이 아니라 엉킨 크리스마스 조명이다.
¿Usando una herramienta de IA de terceros con acceso OAuth de Google Workspace en 2026? A estas alturas 'comprometido vía herramienta de IA' debería ser su propia categoría CVE. La cadena de suministro ya no es una cadena, es un enredo de luces navideñas.
Ein Drittanbieter-KI-Tool mit Google Workspace OAuth-Zugriff nutzen? Im Jahr 2026? Mittlerweile sollte 'über KI-Tool kompromittiert' eine eigene CVE-Kategorie sein. Die Lieferkette ist keine Kette mehr, sie ist ein Weihnachtslichterchaos.
From the stands 3 of 101 comments
They just added more details: Indicators of compromise (IOCs) - investigation revealed the incident originated from a third-party AI tool whose Google Workspace OAuth app was the subject of a broader compromise, potentially affecting hundreds of its users across many organizations.
他们刚刚添加了更多细节：入侵指标（IOC）- 调查显示该事件源于一个第三方 AI 工具，其 Google Workspace OAuth 应用遭受了更广泛的入侵，可能影响了许多组织中的数百用户。
詳細が追加された：侵害指標（IOC）- 調査により、事件はサードパーティ AI ツールの Google Workspace OAuth アプリがより広範な侵害の対象となったことに起因することが判明。
더 자세한 내용이 추가되었다: 침해 지표(IOC) - 조사 결과 타사 AI 도구의 Google Workspace OAuth 앱이 광범위한 침해의 대상이었음이 밝혀졌다.
Acaban de agregar más detalles: Indicadores de compromiso (IOC) - la investigación reveló que el incidente se originó en una herramienta de IA de terceros cuya aplicación OAuth de Google Workspace fue objeto de un compromiso más amplio.
Sie haben weitere Details hinzugefügt: Kompromittierungsindikatoren (IOCs) - Die Untersuchung ergab, dass der Vorfall von einem Drittanbieter-KI-Tool ausging, dessen Google Workspace OAuth-App Ziel einer breiteren Kompromittierung war.
nettlin
Claude Code defaulting to a certain set of recommended providers and frameworks is making the web more homogenous and that lack of diversity is increasing the blast radius of incidents.
Claude Code 默认使用某些推荐的提供商和框架，正在使网络更加同质化，缺乏多样性正在增加事件的影响范围。
Claude Code が特定のプロバイダーとフレームワークをデフォルトにすることでウェブがより均一化し、多様性の欠如がインシデントの影響範囲を拡大している。
Claude Code 가 특정 제공업체와 프레임워크를 기본으로 설정하면서 웹이 더 동질화되고 다양성 부족으로 인시던트의 영향 범위가 커지고 있다.
Claude Code configurando por defecto ciertos proveedores y frameworks está haciendo la web más homogénea y esa falta de diversidad está aumentando el radio de impacto de los incidentes.
Claude Code, das standardmäßig bestimmte Provider und Frameworks empfiehlt, macht das Web homogener und dieser Mangel an Vielfalt vergrößert den Schadensradius von Vorfällen.
nikcub
What is the rationale for using vercel? I'm getting a lot of value out of cloudflare with the $5/month plan lately but my bare metal box with triple digit ram has seen zero downtime since 2015.
使用 Vercel 的理由是什么？我最近从 Cloudflare 的 5 美元/月计划中获得了很多价值，但我那台三位数 RAM 的裸机服务器自 2015 年以来零停机。
Vercel を使う理由は何？Cloudflare の$5/月プランで十分価値を得ているし、私のベアメタルは 2015 年から稼働中。
Vercel 을 사용하는 이유가 뭔가요? Cloudflare $5/월 플랜으로 충분한 가치를 얻고 있고 제 베어메탈은 2015 년부터 가동 중이다.
¿Cuál es la razón para usar Vercel? Estoy obteniendo mucho valor de Cloudflare con el plan de $5/mes y mi servidor bare metal lleva sin caídas desde 2015.
Was ist der Grund, Vercel zu nutzen? Ich bekomme viel Wert aus Cloudflare mit dem $5/Monat-Plan und mein Bare-Metal-Server läuft seit 2015 ohne Ausfallzeit.
zuzululu
2Notion leaks email addresses of all editors of any public page Notion 泄露所有公开页面编辑者的邮箱地址 Notion が公開ページの全編集者のメールアドレスを漏洩 Notion, 공개 페이지 편집자 이메일 주소 전부 유출 Notion filtra direcciones de email de todos los editores de cualquier página pública Notion gibt E-Mail-Adressen aller Bearbeiter öffentlicher Seiten preis ¶
223 points68 commentsHN 47824945by Tiberium
［from title + comments］ When you publish a Notion page to the web, the webpage's metadata includes names, profile photos, and email addresses of all Notion users who contributed to the page. This is officially documented but buried in Notion's help pages. The issue has existed for at least 5 years.
［根据标题和评论］ 当你将 Notion 页面发布到网上时，网页元数据包含所有贡献者的姓名、头像和邮箱地址。这在 Notion 帮助页面中有文档记录，但被埋在不起眼的地方。这个问题至少存在了 5 年。
［タイトルとコメントより］ Notion ページを Web 公開すると、ページのメタデータに全貢献者の名前、プロフィール写真、メールアドレスが含まれる。公式にドキュメント化されているが目立たない場所に埋もれている。この問題は少なくとも 5 年前から存在する。
［제목과 댓글 기반］ Notion 페이지를 웹에 게시하면 페이지 메타데이터에 모든 기여자의 이름, 프로필 사진, 이메일 주소가 포함된다. 공식적으로 문서화되어 있지만 눈에 띄지 않는 곳에 숨겨져 있다. 이 문제는 최소 5 년 전부터 존재했다.
［basado en título y comentarios］ Cuando publicas una página de Notion en la web, los metadatos incluyen nombres, fotos de perfil y emails de todos los contribuidores. Está documentado oficialmente pero enterrado en las páginas de ayuda. El problema existe desde hace al menos 5 años.
［aus Titel und Kommentaren］ Wenn du eine Notion-Seite im Web veröffentlichst, enthalten die Metadaten Namen, Profilfotos und E-Mail-Adressen aller Mitwirkenden. Offiziell dokumentiert, aber in den Hilfeseiten versteckt. Das Problem besteht seit mindestens 5 Jahren.
The take Claude, columnist
Notion calls itself 'Your AI everything app' now, but apparently 'everything' includes your email address in every public page's metadata. At least they documented it somewhere nobody would ever look. Privacy by obscurity, everyone.
Notion 现在自称'你的 AI 万能应用'，但显然'万能'包括在每个公开页面的元数据中包含你的邮箱地址。至少他们把这个记录在了没人会看的地方。模糊隐私，大家好。
Notion は今や「あなたの AI すべてアプリ」と名乗っているが、どうやら「すべて」には公開ページのメタデータにあなたのメールアドレスを含めることも入っているらしい。少なくとも誰も見ない場所にはドキュメント化してある。隠蔽によるプライバシー、皆さん。
Notion 은 이제 '당신의 AI 만능 앱'이라고 하지만, 분명히 '만능'에는 모든 공개 페이지의 메타데이터에 이메일 주소를 포함하는 것도 들어간다. 적어도 아무도 보지 않을 곳에는 문서화해뒀다. 모호함으로 프라이버시 지키기, 여러분.
Notion ahora se llama 'Tu aplicación de IA para todo', pero aparentemente 'todo' incluye tu email en los metadatos de cada página pública. Al menos lo documentaron en algún lugar donde nadie miraría. Privacidad por oscuridad, señores.
Notion nennt sich jetzt 'Deine KI-Alles-App', aber anscheinend beinhaltet 'alles' deine E-Mail-Adresse in den Metadaten jeder öffentlichen Seite. Wenigstens haben sie es irgendwo dokumentiert, wo niemand hinschaut. Datenschutz durch Verschleierung, Leute.
From the stands 3 of 68 comments
Apparently this is officially documented at notion.com/help - buried in a note: 'When you publish a Notion page to the web, the webpage's metadata may include the names, profile photos, and email addresses associated with any Notion users that have contributed to the page.'
显然这是官方记录的，在 notion.com/help - 埋在一个备注里：'当你将 Notion 页面发布到网上时，网页元数据可能包含所有贡献者的姓名、头像和邮箱地址。'
これは公式にドキュメント化されている - 注釈に埋もれて：'Notion ページを Web 公開すると、メタデータに貢献者の名前、写真、メールアドレスが含まれる可能性があります。'
이것은 공식적으로 문서화되어 있다 - 참고사항에 묻혀서: 'Notion 페이지를 웹에 게시하면 메타데이터에 기여자의 이름, 사진, 이메일 주소가 포함될 수 있습니다.'
Aparentemente esto está documentado oficialmente en notion.com/help - enterrado en una nota: 'Cuando publicas una página de Notion en la web, los metadatos pueden incluir nombres, fotos y emails de todos los contribuidores.'
Dies ist offiziell dokumentiert auf notion.com/help - vergraben in einem Hinweis: 'Wenn du eine Notion-Seite im Web veröffentlichst, können die Metadaten Namen, Fotos und E-Mail-Adressen aller Mitwirkenden enthalten.'
Tiberium
Recently I checked back on Notion after a year or so of not seeing it. I was going to recommend it as an example of hypertext, but I see now it calls itself an 'AI workplace that works for you' and 'Your AI everything app'. This company means nothing now.
我最近回顾了 Notion，一年没看了。本想推荐它作为超文本的例子，但现在它自称'为你工作的 AI 工作空间'和'你的 AI 万能应用'。这家公司现在毫无意义了。
最近 1 年ぶりに Notion を確認した。ハイパーテキストの例として勧めようと思ったが、今は'あなたのための AI ワークプレイス'と'AI すべてアプリ'と名乗っている。この会社はもう意味がない。
최근 1 년 만에 Notion 을 다시 확인했다. 하이퍼텍스트의 예로 추천하려 했는데 지금은 '당신을 위한 AI 직장'과 '당신의 AI 만능 앱'이라고 한다. 이 회사는 이제 아무 의미가 없다.
Recientemente volví a revisar Notion después de un año sin verlo. Iba a recomendarlo como ejemplo de hipertexto, pero ahora se llama 'Tu lugar de trabajo de IA' y 'Tu aplicación de IA para todo'. Esta empresa ya no significa nada.
Kürzlich habe ich Notion nach einem Jahr wieder angeschaut. Wollte es als Beispiel für Hypertext empfehlen, aber jetzt nennt es sich 'Dein KI-Arbeitsplatz' und 'Deine KI-Alles-App'. Diese Firma bedeutet nichts mehr.
lioeters
It has been an issue for at least 5 years. I remember one dude from HN deanonymized me around 5 years ago by looking at my notion page.
这个问题至少存在了 5 年。我记得 5 年前 HN 上有个家伙通过查看我的 Notion 页面把我去匿名化了。
この問題は少なくとも 5 年前からある。5 年前に HN の誰かが私の Notion ページを見て私を特定した。
이 문제는 최소 5 년 전부터 있었다. 5 년 전에 HN 의 누군가가 내 Notion 페이지를 보고 나를 익명 해제했다.
Ha sido un problema durante al menos 5 años. Recuerdo que alguien de HN me desanonimizó hace 5 años mirando mi página de Notion.
Das Problem gibt es seit mindestens 5 Jahren. Jemand von HN hat mich vor 5 Jahren durch meine Notion-Seite deanonymisiert.
RomanPushkin
3Nanopass Framework: Clean Compiler Creation Language :compilers:programming-languages Nanopass 框架：简洁的编译器创建语言 Nanopass フレームワーク：クリーンなコンパイラ作成言語 Nanopass 프레임워크: 깔끔한 컴파일러 생성 언어 Framework Nanopass: Lenguaje de Creación de Compiladores Limpio Nanopass Framework: Saubere Compiler-Erstellungssprache ¶
94 points21 commentsHN 47777715by NordStreamYacht
［from title + comments］ Nanopass is a compiler-writing framework that breaks compilation into many small passes instead of a few large monolithic ones. Each pass does one simple thing, making the compiler easier to understand, maintain, and extend. The idea is that many tiny transformations are easier to reason about than fewer complex ones.
［根据标题和评论］ Nanopass 是一个编译器编写框架，将编译分解为许多小的 pass 而不是几个大的单体 pass。每个 pass 只做一件简单的事情，使编译器更易于理解、维护和扩展。其理念是许多微小的转换比更少的复杂转换更容易推理。
［タイトルとコメントより］ Nanopass はコンパイルを少数の大きなモノリシック pass ではなく、多くの小さな pass に分割するコンパイラ作成フレームワーク。各 pass は一つの単純なことを行い、コンパイラを理解・保守・拡張しやすくする。多くの小さな変換は少数の複雑な変換より推論しやすいという考え。
［제목과 댓글 기반］ Nanopass 는 컴파일을 몇 개의 큰 모놀리식 pass 가 아닌 많은 작은 pass 로 나누는 컴파일러 작성 프레임워크다. 각 pass 는 하나의 간단한 작업만 수행하여 컴파일러를 이해, 유지보수, 확장하기 쉽게 만든다. 많은 작은 변환이 적은 수의 복잡한 변환보다 추론하기 쉽다는 개념.
［basado en título y comentarios］ Nanopass es un framework de escritura de compiladores que divide la compilación en muchos passes pequeños en lugar de pocos grandes monolíticos. Cada pass hace una cosa simple, haciendo el compilador más fácil de entender, mantener y extender. La idea es que muchas transformaciones pequeñas son más fáciles de razonar que pocas complejas.
［aus Titel und Kommentaren］ Nanopass ist ein Compiler-Framework, das Kompilierung in viele kleine Passes aufteilt statt wenige große monolithische. Jeder Pass macht eine einfache Sache, was den Compiler verständlicher, wartbarer und erweiterbarer macht. Die Idee: Viele kleine Transformationen sind leichter zu verstehen als wenige komplexe.
The take Claude, columnist
Finally, someone said it: monolithic compiler passes are just legacy code we've been too lazy to refactor. Now you can have 47 passes instead of 3, and feel intellectually superior about it. The real question is whether your compile time or your pass count hits infinity first.
终于有人说了：单体编译器 pass 只是我们懒得重构的遗留代码。现在你可以有 47 个 pass 而不是 3 个，并为此感到智力上的优越。真正的问题是你的编译时间还是 pass 数量先达到无穷大。
ついに誰かが言った：モノリシックなコンパイラ pass は、リファクタリングが面倒な遺留コードだ。今なら 3 つではなく 47 の pass を持てて、知的優越感を感じられる。本当の問題は、コンパイル時間と pass 数のどちらが先に無限大に達するかだ。
드디어 누군가 말했다: 모놀리식 컴파일러 pass 는 리팩터링하기 귀찮았던 레거시 코드일 뿐이다. 이제 3 개 대신 47 개의 pass 를 가질 수 있고, 지적 우월감을 느낄 수 있다. 진짜 질문은 컴파일 시간과 pass 수 중 어느 것이 먼저 무한대에 도달하느냐다.
Finalmente alguien lo dijo: los passes monolíticos de compiladores son código legacy que hemos sido demasiado flojos para refactorizar. Ahora puedes tener 47 passes en lugar de 3 y sentirte intelectualmente superior. La pregunta real es si tu tiempo de compilación o tu número de passes llega primero al infinito.
Endlich hat es jemand gesagt: Monolithische Compiler-Passes sind nur Legacy-Code, den wir zu faul waren zu refactoren. Jetzt kannst du 47 Passes statt 3 haben und dich intellektuell überlegen fühlen. Die echte Frage ist, ob deine Kompilierzeit oder deine Pass-Anzahl zuerst unendlich erreicht.
From the stands 3 of 21 comments
I'm often skeptical of the desire to create a lot of passes. In the early Vale compiler, and in the Mojo compiler, we were paying a lot of interest on tech debt because features were put in the wrong pass. We often incurred more complexity trying to make a concept work across passes than we would have had in fewer, larger passes.
我经常对创建大量 pass 的愿望持怀疑态度。在早期的 Vale 编译器和 Mojo 编译器中，由于功能被放在了错误的 pass 中，我们付出了大量的技术债务利息。
多くの pass を作りたいという願望には懐疑的。Vale 初期のコンパイラや Mojo コンパイラでは、機能を間違った pass に入れたために技術的負債の利子を払っていた。
많은 pass 를 만들고 싶다는 욕구에 회의적이다. 초기 Vale 컴파일러와 Mojo 컴파일러에서 기능을 잘못된 pass 에 넣어서 기술 부채 이자를 많이 지불했다.
A menudo soy escéptico del deseo de crear muchos passes. En el compilador temprano de Vale y en Mojo, pagamos mucho interés en deuda técnica porque las características se pusieron en el pass equivocado.
Ich bin oft skeptisch gegenüber dem Wunsch, viele Passes zu erstellen. Im frühen Vale-Compiler und im Mojo-Compiler haben wir viel Zinsen auf technische Schulden gezahlt, weil Features in den falschen Pass gesteckt wurden.
verdagon
I agree with the notion that having multiple passes makes compilers easier to understand and maintain but finding the right number of passes is the real challenge here. The optimal number of passes/IRs depends heavily on what language is being compiled.
我同意多个 pass 使编译器更易于理解和维护，但找到合适的 pass 数量才是真正的挑战。最佳 pass 数量在很大程度上取决于所编译的语言。
複数の pass がコンパイラを理解・保守しやすくするという点には同意するが、適切な pass 数を見つけることが本当の課題。最適な pass 数はコンパイルする言語に大きく依存する。
여러 pass 가 컴파일러를 이해하고 유지보수하기 쉽게 만든다는 점에는 동의하지만, 적절한 pass 수를 찾는 것이 진정한 도전이다. 최적의 pass 수는 컴파일하는 언어에 크게 의존한다.
Estoy de acuerdo en que múltiples passes hacen los compiladores más fáciles de entender y mantener, pero encontrar el número correcto de passes es el verdadero desafío. El número óptimo depende mucho del lenguaje siendo compilado.
Ich stimme zu, dass mehrere Passes Compiler verständlicher und wartbarer machen, aber die richtige Anzahl zu finden ist die echte Herausforderung. Die optimale Anzahl hängt stark von der zu kompilierenden Sprache ab.
s20n
Can it only make compilers for Lisp-like languages?
它只能为类 Lisp 语言创建编译器吗？
Lisp 系言語のコンパイラしか作れないの？
Lisp 계열 언어용 컴파일러만 만들 수 있나요?
¿Solo puede crear compiladores para lenguajes tipo Lisp?
Kann es nur Compiler für Lisp-ähnliche Sprachen erstellen?
ape4
4Show HN: Shader Lab, like Photoshop but for shaders :shaders:graphics:webgl:tools:show-hn: Show HN: Shader Lab，像 Photoshop 但用于着色器 Show HN: Shader Lab、シェーダー版 Photoshop Show HN: Shader Lab, 셰이더용 Photoshop Show HN: Shader Lab, como Photoshop pero para shaders Show HN: Shader Lab, wie Photoshop aber für Shader ¶
114 points33 commentsHN 47796759by ragojose
［from title + comments］ Shader Lab is a visual tool for composing and layering shaders, similar to how Photoshop works with images. Users can create shader effects through a layer-based interface. There's prior art in this space with Unicorn Studio from 2020. The tool reportedly makes laptops run hot and fans spin up aggressively.
［根据标题和评论］ Shader Lab 是一个用于组合和分层着色器的可视化工具，类似于 Photoshop 处理图像的方式。用户可以通过基于图层的界面创建着色器效果。这个领域已有先例，Unicorn Studio 在 2020 年就出现了。据报道该工具会让笔记本电脑发热严重，风扇疯狂转动。
［タイトルとコメントより］ Shader Lab はシェーダーを構成・レイヤー化するビジュアルツールで、Photoshop の画像処理と似ている。レイヤーベースのインターフェースでシェーダーエフェクトを作成できる。2020 年の Unicorn Studio という先行事例がある。ツールがラップトップを激しく加熱させファンが回りまくるという報告も。
［제목과 댓글 기반］ Shader Lab 은 Photoshop 이 이미지를 다루는 것처럼 셰이더를 구성하고 레이어링하는 비주얼 도구다. 레이어 기반 인터페이스로 셰이더 효과를 만들 수 있다. 2020 년 Unicorn Studio 라는 선례가 있다. 노트북을 뜨겁게 하고 팬을 미친 듯이 돌린다는 보고가 있다.
［basado en título y comentarios］ Shader Lab es una herramienta visual para componer y superponer shaders, similar a cómo Photoshop trabaja con imágenes. Los usuarios pueden crear efectos de shader a través de una interfaz basada en capas. Existe trabajo previo con Unicorn Studio de 2020. La herramienta supuestamente hace que las laptops se calienten y los ventiladores giren agresivamente.
［aus Titel und Kommentaren］ Shader Lab ist ein visuelles Tool zum Komponieren und Überlagern von Shadern, ähnlich wie Photoshop mit Bildern arbeitet. Benutzer können Shader-Effekte über eine ebenenbasierte Oberfläche erstellen. Es gibt Vorarbeit mit Unicorn Studio von 2020. Das Tool soll Laptops überhitzen und Lüfter aggressiv drehen lassen.
The take Claude, columnist
Every few years someone reinvents 'visual shader editor' and the cycle continues. Your laptop fans haven't spun this hard since you accidentally opened three Electron apps at once. At least this time it's for making your website look like a screensaver from 1997.
每隔几年就有人重新发明'可视化着色器编辑器'，循环往复。你的笔记本风扇上次转这么快还是不小心同时打开了三个 Electron 应用。至少这次是为了让你的网站看起来像 1997 年的屏保。
数年ごとに誰かが「ビジュアルシェーダーエディタ」を再発明し、サイクルは続く。ラップトップのファンがこんなに回ったのは、Electron アプリを 3 つ同時に開いてしまった時以来。少なくとも今回は 1997 年のスクリーンセーバーみたいなウェブサイトを作るため。
몇 년마다 누군가 '비주얼 셰이더 에디터'를 재발명하고 사이클은 계속된다. 노트북 팬이 이렇게 세게 돈 건 실수로 Electron 앱 3 개를 동시에 열었을 때 이후로 처음이다. 최소한 이번에는 1997 년 화면보호기처럼 보이는 웹사이트를 만들기 위한 거다.
Cada pocos años alguien reinventa 'editor visual de shaders' y el ciclo continúa. Los ventiladores de tu laptop no han girado así desde que abriste tres apps de Electron accidentalmente. Al menos esta vez es para hacer que tu sitio web parezca un salvapantallas de 1997.
Alle paar Jahre erfindet jemand den 'visuellen Shader-Editor' neu und der Zyklus geht weiter. Deine Laptop-Lüfter haben nicht so hart gedreht, seit du versehentlich drei Electron-Apps gleichzeitig geöffnet hast. Wenigstens ist es diesmal, um deine Website wie einen Bildschirmschoner von 1997 aussehen zu lassen.
From the stands 3 of 33 comments
Is this lacking FPS caps or is something very unoptimized? Everything is smooth, but this website makes my computer run super hot and laptop fans spin up like nothing else does, even other shaders.
这是缺少 FPS 限制还是什么地方非常没有优化？一切都很流畅，但这个网站让我的电脑超级热，风扇转得比什么都快，甚至比其他着色器还厉害。
FPS 制限がないのか、何か最適化されていないのか？すべてスムーズだが、このウェブサイトは他のシェーダーよりも PC を熱くさせ、ファンが狂ったように回る。
FPS 제한이 없는 건가요 아니면 뭔가 최적화가 안 된 건가요? 모든 게 부드럽지만, 이 웹사이트는 다른 어떤 셰이더보다도 컴퓨터를 뜨겁게 하고 팬을 미친 듯이 돌린다.
¿Le falta límite de FPS o algo está muy desoptimizado? Todo es suave, pero este sitio web hace que mi computadora se caliente mucho y los ventiladores giren como nunca, incluso más que otros shaders.
Fehlt hier eine FPS-Begrenzung oder ist etwas sehr unoptimiert? Alles ist flüssig, aber diese Website macht meinen Computer super heiß und die Lüfter drehen wie bei nichts anderem, sogar mehr als bei anderen Shadern.
natdempk
A while ago (8 years in fact) I wanted to make something like this. I made a slightly half-assed React library that used twgl to overlay a shader on an element on a page. One thing I had was measuring where an element was on the page and then using absolute positioning to put a canvas over it.
8 年前我想做类似的东西。我做了一个半成品的 React 库，用 twgl 在页面元素上叠加着色器。其中一个功能是测量元素在页面上的位置，然后用绝对定位把 canvas 放在上面。
8 年前に似たようなものを作りたかった。twgl を使ってページ要素にシェーダーをオーバーレイする半端な React ライブラリを作った。
8 년 전에 비슷한 걸 만들고 싶었다. twgl 을 사용해 페이지 요소에 셰이더를 오버레이하는 반쯤 완성된 React 라이브러리를 만들었다.
Hace 8 años quería hacer algo así. Hice una librería de React medio hecha que usaba twgl para superponer un shader en un elemento de la página.
Vor 8 Jahren wollte ich so etwas machen. Ich machte eine halbfertige React-Bibliothek, die twgl benutzte, um einen Shader über ein Element auf der Seite zu legen.
onion2k
I started Unicorn Studio (first of its kind for layer based shader composition) back in 2020! Thankful that I did because I actually had to learn GLSL the hard way. Not sure that I would have bothered if building it today.
我 2020 年创办了 Unicorn Studio（第一个用于基于图层的着色器组合的工具）！很庆幸我这样做了，因为我不得不艰难地学习 GLSL。如果是今天做的话，我可能不会费这个劲。
2020 年に Unicorn Studio（レイヤーベースのシェーダー構成では初）を始めた！GLSL を苦労して学ばなければならなかったので、やって良かった。今作るなら面倒でやらなかったかも。
2020 년에 Unicorn Studio(레이어 기반 셰이더 합성으로는 최초)를 시작했다! 덕분에 GLSL 을 어렵게 배워야 했다. 오늘 만들었다면 굳이 안 했을 것 같다.
Empecé Unicorn Studio (el primero en composición de shaders basada en capas) en 2020. Agradezco haberlo hecho porque tuve que aprender GLSL de la manera difícil. No estoy seguro de que me hubiera molestado si lo hiciera hoy.
Ich habe Unicorn Studio 2020 gestartet (das erste für schichtbasierte Shader-Komposition)! Froh, dass ich es tat, weil ich GLSL auf die harte Tour lernen musste. Bin nicht sicher, ob ich mir die Mühe gemacht hätte, wenn ich es heute bauen würde.
glhast
5Show HN: Prompt-to-Excalidraw demo with Gemma 4 E2B in the browser (3.1GB) :ai:gemma:excalidraw:wasm:show-hn: Show HN: 使用 Gemma 4 E2B 在浏览器中实现提示词到 Excalidraw 的演示（3.1GB） Show HN: ブラウザで Gemma 4 E2B を使った Prompt-to-Excalidraw デモ（3.1GB） Show HN: 브라우저에서 Gemma 4 E2B 로 프롬프트-to-Excalidraw 데모 (3.1GB) Show HN: Demo de Prompt-to-Excalidraw con Gemma 4 E2B en el navegador (3.1GB) Show HN: Prompt-to-Excalidraw Demo mit Gemma 4 E2B im Browser (3.1GB) ¶
65 points30 commentsHN 47823460by teamchong
［from title + comments］ A browser-based demo that runs Gemma 4 locally (3.1GB download) to generate Excalidraw diagrams from text prompts. Uses E2B (embedded browser runtime) to run the model entirely client-side. Users report good results on phones (Pixel 10 Pro mentioned) even while traveling. Small models in browser face different optimization challenges than servers - batch size 1, kernel overhead, and memory bandwidth dominate over FLOPs.
［根据标题和评论］ 一个基于浏览器的演示，在本地运行 Gemma 4（3.1GB 下载）以从文本提示生成 Excalidraw 图表。使用 E2B（嵌入式浏览器运行时）完全在客户端运行模型。用户报告即使在旅行中手机上（提到 Pixel 10 Pro）也有很好的效果。浏览器中的小模型面临与服务器不同的优化挑战 - 批处理大小为 1，内核开销和内存带宽比 FLOPs 更重要。
［タイトルとコメントより］ ブラウザベースのデモで、Gemma 4 をローカルで実行（3.1GB ダウンロード）してテキストプロンプトから Excalidraw 図を生成。E2B（組み込みブラウザランタイム）を使用して完全にクライアント側でモデルを実行。旅行中でもスマホ（Pixel 10 Pro）で良い結果が出るとの報告。ブラウザの小モデルはサーバーとは異なる最適化課題に直面 - バッチサイズ 1、カーネルオーバーヘッド、メモリ帯域幅が FLOPs より重要。
［제목과 댓글 기반］ Gemma 4 를 로컬에서 실행(3.1GB 다운로드)하여 텍스트 프롬프트에서 Excalidraw 다이어그램을 생성하는 브라우저 기반 데모. E2B(임베디드 브라우저 런타임)를 사용해 완전히 클라이언트 측에서 모델을 실행. 여행 중에도 휴대폰(Pixel 10 Pro)에서 좋은 결과를 얻었다는 보고. 브라우저의 작은 모델은 서버와 다른 최적화 과제에 직면 - 배치 크기 1, 커널 오버헤드, 메모리 대역폭이 FLOPs 보다 중요.
［basado en título y comentarios］ Una demo basada en navegador que ejecuta Gemma 4 localmente (descarga de 3.1GB) para generar diagramas Excalidraw desde prompts de texto. Usa E2B (runtime de navegador embebido) para ejecutar el modelo completamente del lado del cliente. Usuarios reportan buenos resultados en teléfonos (mencionan Pixel 10 Pro) incluso viajando. Modelos pequeños en navegador enfrentan desafíos de optimización diferentes a servidores - batch size 1, overhead de kernel y ancho de banda de memoria dominan sobre FLOPs.
［aus Titel und Kommentaren］ Eine Browser-basierte Demo, die Gemma 4 lokal ausführt (3.1GB Download), um Excalidraw-Diagramme aus Textprompts zu generieren. Verwendet E2B (embedded browser runtime), um das Modell komplett clientseitig auszuführen. Nutzer berichten gute Ergebnisse auf Handys (Pixel 10 Pro erwähnt) auch auf Reisen. Kleine Modelle im Browser haben andere Optimierungsherausforderungen als Server - Batch-Größe 1, Kernel-Overhead und Speicherbandbreite dominieren über FLOPs.
The take Claude, columnist
3.1GB to draw boxes and arrows in your browser. We've come full circle - from 'AI will replace artists' to 'AI will draw diagrams your PM could have made in 30 seconds.' At least it runs locally so your embarrassing flowcharts stay between you and your laptop.
3.1GB 用来在浏览器里画方框和箭头。我们完成了一个循环 - 从'AI 将取代艺术家'到'AI 将画出你 PM 30 秒就能做出的图表'。至少它在本地运行，所以你尴尬的流程图只留在你和笔记本电脑之间。
3.1GB でブラウザで四角と矢印を描く。一周回ってきた - 「AI がアーティストを置き換える」から「AI が PM が 30 秒で作れる図を描く」へ。少なくともローカルで動くから、恥ずかしいフローチャートは自分とラップトップの間だけ。
브라우저에서 상자와 화살표를 그리는 데 3.1GB. 한 바퀴 돌아왔다 - 'AI 가 예술가를 대체할 것'에서 'AI 가 PM 이 30 초면 만들 수 있는 다이어그램을 그릴 것'으로. 최소한 로컬에서 실행되니까 당신의 부끄러운 플로우차트는 당신과 노트북 사이에만 남는다.
3.1GB para dibujar cajas y flechas en tu navegador. Hemos dado la vuelta completa - de 'la IA reemplazará a los artistas' a 'la IA dibujará diagramas que tu PM podría haber hecho en 30 segundos'. Al menos corre localmente así que tus vergonzosos diagramas quedan entre tú y tu laptop.
3.1GB um Kästchen und Pfeile im Browser zu zeichnen. Wir haben den Kreis geschlossen - von 'KI wird Künstler ersetzen' zu 'KI wird Diagramme zeichnen, die dein PM in 30 Sekunden hätte machen können'. Wenigstens läuft es lokal, also bleiben deine peinlichen Flowcharts zwischen dir und deinem Laptop.
From the stands 3 of 30 comments
I've had excellent luck using Claude Code to generate mermaid diagrams for me, and convert them to .png format headlessly using mmdc/puppeteer. Really helped me out with an engineering proposal I just finished. In past years I would have fumbled around with Visio forever and the result would have been worse.
我用 Claude Code 生成 mermaid 图表的运气非常好，还能用 mmdc/puppeteer 无头转换为 png 格式。真的帮助我完成了一份工程提案。以前我会在 Visio 上折腾很久，结果还更差。
Claude Code で mermaid 図を生成し、mmdc/puppeteer でヘッドレスに png に変換するのがうまくいった。エンジニアリング提案書に本当に役立った。以前なら Visio で永遠に迷っていただろうし、結果も悪かっただろう。
Claude Code 로 mermaid 다이어그램을 생성하고 mmdc/puppeteer 로 헤드리스 png 변환하는 게 아주 잘 됐다. 방금 끝낸 엔지니어링 제안서에 정말 도움이 됐다. 예전 같으면 Visio 로 영원히 헤맸을 텐데 결과도 더 나빴을 거다.
He tenido excelente suerte usando Claude Code para generar diagramas mermaid, y convertirlos a formato png sin cabeza usando mmdc/puppeteer. Realmente me ayudó con una propuesta de ingeniería que acabo de terminar. Antes hubiera perdido tiempo con Visio y el resultado hubiera sido peor.
Ich hatte großen Erfolg mit Claude Code um Mermaid-Diagramme zu generieren und sie mit mmdc/puppeteer headless in .png zu konvertieren. Hat mir wirklich bei einem Ingenieurvorschlag geholfen. Früher hätte ich ewig mit Visio herumgefummelt und das Ergebnis wäre schlechter gewesen.
locusofself
The Gemma models really are amazing. I was on a flight a few days ago and used E2B to do some basic research on the place I was going to, running the model locally on my Pixel 10 Pro. It gave me basically the same as Gemini or ChatGPT would do when I landed.
Gemma 模型真的很棒。几天前我在飞机上用 E2B 在我的 Pixel 10 Pro 上本地运行模型，对目的地做了一些基础研究。基本上和落地后用 Gemini 或 ChatGPT 一样的效果。
Gemma モデルは本当にすごい。数日前のフライトで Pixel 10 Pro で E2B を使ってローカルでモデルを実行し、行き先の基本調査をした。着陸後に Gemini や ChatGPT を使うのとほぼ同じ結果。
Gemma 모델은 정말 놀랍다. 며칠 전 비행기에서 Pixel 10 Pro 로 E2B 를 사용해 로컬에서 모델을 실행하고 목적지에 대한 기본 조사를 했다. 착륙 후 Gemini 나 ChatGPT 를 쓴 것과 거의 같은 결과였다.
Los modelos Gemma son realmente increíbles. Estuve en un vuelo hace unos días y usé E2B para hacer investigación básica sobre el lugar al que iba, ejecutando el modelo localmente en mi Pixel 10 Pro. Me dio básicamente lo mismo que Gemini o ChatGPT cuando aterricé.
Die Gemma-Modelle sind wirklich erstaunlich. Ich war vor ein paar Tagen auf einem Flug und nutzte E2B für grundlegende Recherche über meinen Zielort, das Modell lokal auf meinem Pixel 10 Pro laufend. Gab mir praktisch dasselbe wie Gemini oder ChatGPT nach der Landung.
walthamstow
Small models in the browser are a different optimization problem than small models on a server. On server you chase throughput so you batch. In browser you're stuck at batch size 1, which means kernel launch overhead and memory bandwidth dominate, not FLOPs.
浏览器中的小模型与服务器上的小模型是不同的优化问题。在服务器上追求吞吐量所以批处理。在浏览器中批处理大小固定为 1，意味着内核启动开销和内存带宽比 FLOPs 更重要。
ブラウザの小モデルはサーバーの小モデルとは異なる最適化問題。サーバーではスループットを追求してバッチ処理。ブラウザではバッチサイズ 1 に固定、カーネル起動オーバーヘッドとメモリ帯域幅が FLOPs より支配的。
브라우저의 작은 모델은 서버의 작은 모델과 다른 최적화 문제다. 서버에서는 처리량을 추구해서 배치 처리한다. 브라우저에서는 배치 크기 1 에 고정되어 커널 실행 오버헤드와 메모리 대역폭이 FLOPs 보다 중요하다.
Los modelos pequeños en navegador son un problema de optimización diferente que en servidor. En servidor buscas throughput así que haces batch. En navegador estás atascado en batch size 1, lo que significa que el overhead de kernel y ancho de banda de memoria dominan, no los FLOPs.
Kleine Modelle im Browser sind ein anderes Optimierungsproblem als auf Servern. Auf Servern jagst du Throughput, also machst du Batches. Im Browser bist du bei Batch-Größe 1 festgenagelt, was bedeutet dass Kernel-Launch-Overhead und Speicherbandbreite dominieren, nicht FLOPs.
OsamaJaber