Anatomy: Agent-Skill für animierte, isometrische SVG-Erklärungen

X-PostMeng ToTool

Meng To demonstriert das Open-Source-Agent-Skill 'Anatomy' von Entwickler Ryan (@wheresryan22). Damit können KI-Coding-Assistenten wie Claude Code interaktive, isometrische SVG- und WebGL-Visualisierungen erzeugen.

Das Wichtigste

  1. Meng To nutzt das Agent-Skill 'Anatomy' über einen Prompt, um die Bildteilung von Seedream 5.0 in einer einzelnen HTML-Datei interaktiv und animiert per SVG zu visualisieren.
  2. Laut Meng To veranlasst der Prompt das Modell Opus 5.5 dazu, die Dokumentation heranzuziehen und gezielte Kamera-Zooms für Szenen zu setzen.
  3. Das Skill 'Anatomy' von wheresryan22 unterstützt Claude Code, OpenCode, Codex sowie Antigravity und nutzt Node.js-Standardmodule ohne externe API-Keys.
  4. Ausgaben umfassen reine SVGs, Kombinationen aus SVG und WebGL-Shadern (für Effekte wie Licht, Wasser oder Feuer) sowie einen Beta-Modus für 3D-Drehungen.

Warum das relevant ist

Technische Erklärungen und Produkt-Dokumentationen lassen sich so als leichtgewichtige, interaktive Web-Komponenten statt statischer Grafiken oder schwerer Videos automatisieren.

Einordnung

Agent Skills erweitern KI-CLI-Werkzeuge wie Claude Code gezielt um Domänenwissen. Anatomy übersetzt abstrakte Logik wie Caching oder Ratenbegrenzung in physische Maschinen-Metaphern und exportiert sauberen SVG-Code samt Interaktionssteuerung.

Original-Post

Meng To

@MengTo · 11. Oktober 2026

Such a good skill for visual explainers. All SVG and animated. Prompt I used: t.co/oUH4TdIZLw install skill /anatomy Explain how Seedream 5.0 is able to split an image into layers and what cool things you can produce with it. Do that in a single HTML file. Change the t.co/wOBPsPh6Dd t.co/VL6HzuvlNB

2484 Likes32 Antworten3419 Lesezeichen101.470 Aufrufe

Auf X ansehen
Weitere Posts im Thread (1)
  1. @asmirkn the prompt pushes opus 5.5 to check the docs.
Ausgewählte Antworten (5)
  • @ItsGoharr @MengTo designers discovering AI can do their busywork and calling it a skill
  • @uladluch @MengTo one line prompt to an animated svg walkthrough is wild, does it hold up when the machine has like 30 parts or does the camera get lost
  • @asmirkn @MengTo i think the follow up prompt does more than the skill. first pass is never clear, telling it which scenes to zoom in on is what fixes it. did you give it seedream's docs or let claude guess how the layers work?
  • @gavinelliott @MengTo This has me thinking about product onboarding. Let someone change one input and see what happens, rather than watch the whole walkthrough. Especially useful for explaining something like permissions or pricing. Have you tried it with a product flow yet?
  • @eyadnour @MengTo Love this direction. These explainers can go way beyond video and be fully interactive browser experiences. We're about to see new forms of video-like content. Opus is surprisingly good at this. It built me this QR code explainer without any skills. We'll all be Meng Tos. t.co/r4axHedGpA

Erwähnte Links

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 13. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:wheresryan22/anatomy

    Anatomy: Agent-Skill für isometrische SVG- und WebGL-Visualisierungen

    Anatomy ist ein Open-Source-Skill für Claude Code, OpenCode und Codex, der abstrakte technische Konzepte als detaillierte physische Maschinen visualisiert. Das Tool generiert interaktive isometrische Grafiken auf Basis von SVG, optionalen WebGL-Shadern und 3D-Effekten.

    6585SterneJavaScript

    KI & AI· Tool

  • X-Post:Guillermo Rauch

    Anatomy: Interaktive 3D-Modelle per Prompt für Claude

    Guillermo Rauch teilt das Open-Source-Projekt Anatomy von Entwickler R (@wheresryan22). Das Tool lässt sich als Agent-Skill für Claude installieren und generiert aus einzeiligen Beschreibungen interaktive, dreidimensionale Drahtgittermodelle von Maschinen.

    2245Lesezeichen218.525Aufrufe

    KI & AI· Demo

  • Repository:MengTo/Skills

    Agent Skills: Wiederverwendbare Playbooks für KI-Coding-Agenten

    Das GitHub-Repository MengTo/Skills bündelt strukturierte Anleitungen und Prompts ('Agent Skills') im Markdown-Format. Es richtet sich an Designer und Entwickler, die Coding-Agenten wie Codex, Claude oder Cursor für Webdesign, Interaktionen und 3D-Szenen einsetzen.

    6243SterneHTML

    KI & AI· Sammlung

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.