Készíttess nagy, böngészhető példagalériát egyetlen technológiával

A szerző 500 könyvtár nélküli HTML canvas-vizualizációt generáltatott a Claude Code-dal, mindegyikhez másolható prompttal.

Ezzel készült: Claude Code

Mit csinált?

A szerző azt kérte a Claude Opus 5.5-től, hogy készítsen 500 példát arra, mi mindent lehet megjeleníteni csak a HTML <canvas> elemmel. A Claude Code mindegyiket sima JavaScripttel és 2D canvasszal készítette, Three.js, WebGL vagy más könyvtár nélkül (pl. buborékkamra-felvétel, magánhangzót éneklő torokmodell, hálót szövő pók). Minden darabhoz tartozik egy másolható prompt, és kedvencnek jelölhetők. Egy 60 másodperces bemutatóvideót is az Opus készített, ElevenLabs-hanggal.

Hogyan sikerült?

A gyűjtemény nyilvános. A szerző idézi a Claude becslését: kb. fele klasszikus demó vagy ismert algoritmus, 35–40% ritkán látott tudományos vagy matematikai téma, 10–15% „saját” ötlet. Ez a modell becslése, nem mérés.

Amit érdemes tudni

Ilyen tömeges generálásnál a minőség darabonként eltérhet; a szerző maga írja, hogy még alig nézte végig őket. Érintett: a gyűjtemény az emergentmind.com-on van, amelynek a szerző a profilja szerint az alapítója.

Próbáld ki

saját prompt

Create a gallery of [N] small interactive demos of [topic] using only [technology], with no external libraries. Start with 10 and show me them before continuing. Each demo gets a title, a one-line description and the prompt that would recreate it. Keep everything in [folder], run it locally, and do not publish or deploy anything without my approval. Stop when all [N] demos load without console errors.

Forrás

X · 2026-10 · 2026-10-06 · Matt Mazur (@mhmazur) · Eredeti forrás ↗

Kapcsolódó gyakori példák

Tartalom és kreatív munka X 2026-10

Készíttess heti hírösszefoglaló videót egy ágenssel

Egy felhasználó szerint a Grok Bot a hét legjobb technológiai híreiből videót készített a Claude Code, a Midjourney, a Grok képből videót készítő funkciója és a Suno bevonásával.

Grok BotClaude Code

Munka és működés (e-mail, naptár, automatizálás) X 2026-10

Költöztesd hordozható fájlba az üzleti második agyadat

Egy cégalapító szerint a menyasszonya Mac Minin futó, Claude Code-os második agyát a Grok Botra költöztették, mert a gép rendre offline lett.

Grok BotClaude Code

Játék és szimuláció X 2026-10

Építs böngészős repülőszimulátort valódi 3D-s városokkal

Egy felhasználó a Claude Code-dal, a Blenderrel és a CesiumJS-sel 40 óra alatt böngészős repülőszimulátort épített, amelyben valódi városok és repülőterek fölött lehet repülni.

Claude Code

Kutatás és tudás (tanulás is) Hacker News 2026-10

Mérd a hangmagasságodat éneklés közben

Egy felhasználó a Claude Code-dal írt egy első Python-programot, amely a terminálban mutatta a hangmagasságát; ebből lett később a nyílt forrású OnKey énektanuló Mac-alkalmazás.

Claude Code érintett

Tartalom és kreatív munka X 2026-10

Készíts zenei videót egy képből, egy MP3-ból és a dalszövegből

Egy felhasználó a saját maga által épített „Grok Bot Video Studio” nevű megoldással zenei videót készített egy képből, egy MP3-fájlból és a dal szövegéből.

Grok Bot