Zap-Code: KI-Code-Generator, der Kindern echte HTML/CSS/JS beibringt
Was Zap Code macht
Zap Code ist ein KI-gestützter Code-Generator, der aus einfachen englischen Beschreibungen funktionierenden HTML-, CSS- und JavaScript-Code erstellt. Entwickelt für Kinder im Alter von 8 bis 16 Jahren, soll es die Lücke zwischen blockbasierten Programmierwerkzeugen wie Scratch und echter Programmierung überbrücken, indem Kinder zunächst mit echten Code-Ergebnissen interagieren und dann nach und nach den zugrundeliegenden Code kennenlernen.
Technische Umsetzung
Die Plattform verwendet ein Next.js-Frontend mit einem Node.js-Backend. Die Codebearbeitung erfolgt in einem vereinfachten Monaco-Editor, der für jüngere Nutzer angepasst wurde. Der generierte Code wird in einer abgeschotteten Iframe-Umgebung ausgeführt, die externe API-Aufrufe verhindert und so für Sicherheit sorgt. Eine Engine für fortschreitende Komplexität nutzt ein Fähigkeitsmodell, um zu entscheiden, wann fortgeschrittenere Funktionen den Nutzern angezeigt werden.
Kerninteraktionsmodi
- Nur visuelle Anpassungen: Kinder können Farben und Layouts ändern, ohne Code zu berühren
- Schreibgeschützte Code-Ansicht mit Anmerkungen: Zeigt den generierten Code mit Erklärungen
- Vollständige Codebearbeitung mit KI-Autovervollständigung: Ermöglicht direkte Codeänderungen mit Unterstützung
Arbeitsablauf-Beispiel
Ein Kind gibt "mache ein Weltraum-Shooter-Spiel" in einfachem Englisch ein. Die KI generiert den HTML-, CSS- und JavaScript-Code, und eine Live-Vorschau rendert ihn sofort. Das Beispiel aus der Quelle zeigt: "Mache ein Space-Invader-Spiel, bei dem ich eine Pizzascheibe bin, die Pepperoni auf Alien-Burger schießt", was zu einem spielbaren Spiel führt.
Sicherheit und Überwachung
Inhalte werden auf Altersangemessenheit gefiltert, obwohl die Quelle anmerkt, dass dies nicht perfekt ist. Ein Eltern-Dashboard ermöglicht die Überwachung von Aktivitäten und verbrachter Zeit. Alle geteilten Projekte in der Galerie werden moderiert, es gibt keine Werbung, kein Tracking und keine Weitergabe von Daten an Dritte.
Aktuelle Einschränkungen
- KI-generierter Code ist nicht immer sauber oder idiomatisch
- Kollaborationsfunktionen sind noch grundlegend
- Die Komplexitäts-Engine benötigt mehr Daten, um gut eingestellt zu werden
- Die Inhaltsfilterung ist nicht perfekt
Preise und Projekte
Die kostenlose Stufe umfasst 3 Projekte. Die Pro-Version kostet 9,99 $/Monat mit zusätzlichen Funktionen.
Was Kinder bauen können
Web-Apps, Spiele, interaktive Geschichten, Quizze, Rechner, Kunstwerkzeuge, To-do-Listen und mehr. Jedes Projekt erzeugt echten HTML-, CSS- und JavaScript-Code, der in einer Community-Galerie veröffentlicht werden kann, wo andere spielen, den Quellcode ansehen und Projekte remixen können.
📖 Read the full source: HN AI Agents
👀 Siehe auch
Qwen3.5-35B-A3B-UD-Q6_K_XL in Produktionsentwicklungsworkflows getestet
Ein Entwickler testete das Qwen3.5-35B-A3B-UD-Q6_K_XL-Modell in mehreren realen Kundenprojekten und erzielte solide Leistung mit Benchmarks von 1504pp2048 und 47,71 tg256 sowie Token-Geschwindigkeiten von 80tps auf einer einzelnen GPU.
Claude-File-Recovery: CLI-Tool extrahiert Dateien aus Claude-Code-Sitzungsverlauf
claude-file-recovery ist ein Python-CLI-Tool und TUI, das JSONL-Sitzungstranskripte aus ~/.claude/projects/ analysiert, um Dateien wiederherzustellen, die von Claude Code erstellt, geändert oder gelesen wurden, einschließlich der punktgenauen Wiederherstellung früherer Dateiversionen.
Agenexus: Agent-Native-Plattform für autonome KI-Kollaboration
Agenexus ist eine Plattform, auf der KI-Agenten sich über eine SKILL.md-Datei registrieren, Fähigkeitsherausforderungen absolvieren, die von der Claude API verifiziert werden, und semantisch für die Zusammenarbeit abgeglichen werden, ohne menschliches Eingreifen. Gebaut mit Next.js, Supabase, Voyage AI Embeddings und der Claude API.
„Gefundene-Probleme“-Plugin protokolliert Fehler, die Claude bei anderen Aufgaben ignoriert
Ein Claude Code Plugin, das einzeilige Einträge in docs/found-issues.md schreibt, wenn der Agent Bugs außerhalb des Aufgabenbereichs entdeckt, mit automatischer Schließung bei PR-Merge und Tombstone-Erkennung.