| |

Weder Wind noch Regen, weder Nebel noch Sonnenschein: Vom Schulabbrecher in der Fabrik bis an die Spitze der GitHub-Trendliste – wie Archify entstand, mit dem sich interaktive Architekturdiagramme aus einem einzigen Satz erstellen lassen (in 5 Schritten loslegen)

Er tritt online unter dem Namen „也无风雨也雾晴“ auf, mit bürgerlichem Namen Tu Shaokun. Er absolvierte zunächst eine Fachhochschulausbildung und leistete zwei Jahre Militärdienst. Später holte er seinen Bachelorabschluss nach und wechselte an die Chongqing University of Posts and Telecommunications. Bei der Jobsuche scheiterte er einmal an der Überprüfung seines Bildungswegs. Danach entschied er sich, mit Open-Source-Projekten zu überzeugen. Mit Archify lässt sich aus einem einzigen Satz ein interaktives Architekturdiagramm erstellen.

Archify ist kostenlos; Kosten entstehen nur für das Modell im Hintergrund. Für zuverlässige Diagramme empfiehlt sich claude-opus-5-5 über APIYI.

Die wichtigsten Infos zu diesem Tutorial:

  • Ziel: Archify in Claude Code installieren, mit einem Satz auf Chinesisch ein interaktives Architekturdiagramm für den Ablauf einer Website-Anfrage erstellen und es anschließend mit einem weiteren Satz bearbeiten.
  • Zeitaufwand: etwa 20 bis 30 Minuten, Registrierung und Aufladen des Guthabens nicht eingerechnet.
  • Voraussetzungen: Sie sollten Claude Code oder Cursor verwenden können. Außerdem benötigen Sie Node.js auf Ihrem Computer (für npx), einen Browser und ein APIYI-Konto.
  • Schwierigkeitsgrad: Einsteiger. Sie müssen weder Code schreiben noch Konfigurationsdateien manuell bearbeiten.

archify-tu-shaokun-interactive-architecture-diagram-claude-opus-5-5-de-image-0

Auch ohne Wind und Regen, bei Nebel und Sonnenschein – und sein Archify: die wichtigsten Punkte

| Punkt | Beschreibung |
| Autor | Tu Shaokun, online unter dem Namen „Auch ohne Wind und Regen, bei Nebel und Sonnenschein“ bekannt; Fachhochschulstudium, Wehrdienst und anschließender Aufstieg zum Bachelor |
| Was ist Archify? | Ein kostenloser Open-Source-Agent-Skill unter MIT-Lizenz |
| Wofür fallen Kosten an? | Für das Modell, das der Agent beim Ausführen des Skills verwendet |
| Empfohlenes Modell | claude-opus-5-5 über APIYI |
| Ergebnis | Eine eigenständige HTML-Datei, die sich direkt im Browser öffnen und bedienen lässt |

Wer ist Tu Shaokun? Vom Fachhochschulstudium über den Wehrdienst bis zum Beweis seines Könnens mit Open Source

Die folgenden Angaben stammen größtenteils aus einem längeren Beitrag, den er am 15.07.2026 selbst auf X veröffentlicht hat. Nach dem Gaokao im Jahr 2018 begann er ein Fachhochschulstudium im Bereich Computeranwendungstechnik. Wie er schreibt, verlief sein erstes Jahr ziemlich lustlos. Danach leistete er zwei Jahre Wehrdienst. Bei seinem Eintritt in die Armee wog er etwa 53 Kilo und schaffte viele der Übungen nicht. Später wurde er der Kommunikationstechnik zugeteilt und vertrat seine Einheit bei einem Kommunikationswettbewerb der Heeresgruppe, den er gewann.

Nach seiner Entlassung kehrte er an die Hochschule zurück, um den Bachelorabschluss nachzuholen. Von mehr als 70 Bewerbern wurden nur sechs aufgenommen. Er erreichte unter den Bewerbern aus dem Entlassungsjahrgang den ersten Platz und studierte Software Engineering an der Chongqing University of Posts and Telecommunications. Zum Studienabschluss war er drei Jahre älter als Gleichaltrige. Nach gut einem Monat mit Onlinekursen im Frontend-Bereich machte er sich auf die Suche nach einem Praktikum. Anschließend bewarb er sich bei Feishu von ByteDance und bestand beide Gesprächsrunden. Bei der Hintergrundprüfung scheiterte er jedoch an seinem Bildungsweg über den nachgeholten Bachelor. Bei einem Bewerbungsgespräch im Herbst bei Dongchedi in Chongqing erwähnte er den nachgeholten Bachelor selbst im Gespräch mit der Personalabteilung; danach hörte er nichts mehr. Der Interviewer aus der ersten Runde schickte ihm später eine Nachricht: „Tut mir leid.“ An diesem Abend ging er fünf Kilometer laufen.

Er führte nicht jedes Scheitern auf seinen Bildungsabschluss zurück. So schrieb er selbst, dass er bei der vierten Gesprächsrunde bei Yuanfudao eine Aufgabe nicht lösen konnte – es sei also normal gewesen, dass er durchfiel. Später machte er ein Praktikum an der Westlake University in Hangzhou. Als die Personalabteilung erneut nach seinem Bildungsweg fragte, sagte er: „Eine bescheidene Herkunft ist keine Schande.“ Diesmal kam er weiter. Bei einem Gespräch mit Manus erwähnte sein Gegenüber, dass Menschen mit einem weniger vorteilhaften Bildungsweg sich mit Arbeitsproben oder Open-Source-Projekten beweisen könnten. Damals hatte er selbst bereits denselben Gedanken. Er sagte dazu: „Am Anfang habe ich Open Source nicht aus besonders hochherzigen Motiven gemacht. Ich wollte einfach etwas mehr im Lebenslauf haben, das meine Fähigkeiten belegt.“ Das Archify-Repository wurde am 15.04.2026 erstellt.

In einem Interview mit QbitAI im September 2026 steht außerdem, dass er mit 16 die Schule abbrach, Autoreparatur lernte und in einer Fabrik arbeitete. Das ist die Darstellung des Interviews; in seinem eigenen längeren Beitrag erwähnt er diese Stationen nicht. Auf Bilibili veröffentlichte er außerdem ein Video mit dem Titel „Vom Schulabbruch und Fabrikjob an die Spitze der GitHub-Trends – KI hat mein Leben neu gestaltet!“, das am 14.09.2026 erschien: https://www.bilibili.com/video/BV1cGe56cEHo/. Wir haben lediglich Titel, Datum, Uploader und Tags überprüft, nicht das gesamte Video angesehen. Der Titelverweis auf die „GitHub-Spitze“ bezieht sich auf einen Screenshot, den er am 01.09.2026 auf X veröffentlichte: Platz eins in der wöchentlichen GitHub-Trending-Liste für alle Programmiersprachen. Das war der Stand zum Zeitpunkt des Screenshots und sagt nichts über die aktuelle Platzierung aus.

Hier ist die Videoseite. Dort werden 123.000 Aufrufe und mehr als 1.700 Likes angezeigt. Mit über hunderttausend Aufrufen ist das selbst veröffentlichte Video bereits ziemlich erfolgreich.

Bilibili-Videoseite von Auch ohne Wind und Regen, bei Nebel und Sonnenschein mit 123.000 Aufrufen

Aus seiner Geschichte möchten wir vor allem drei Dinge festhalten:

  • Am eigenen Bildungsweg lässt sich nichts mehr ändern. Was er später getan hat: seine Fähigkeiten in ein Werk verwandeln, das andere einfach öffnen und nutzen können.
  • Er schob nicht jedes Scheitern auf seinen Bildungsabschluss. Wenn er eine Aufgabe nicht lösen konnte, gab er zu, dass er sie nicht lösen konnte.
  • Aufmerksamkeit bedeutet nicht automatisch, dass ein Produkt tatsächlich genutzt wird. Ihm ist wichtig, ob Menschen das verwenden, was er entwickelt hat.

Was ist Archify?

Laut der offiziellen chinesischen README ist Archify ein kostenloser Open-Source-Agent-Skill. Man beschreibt einem KI-Agenten eine Idee, ein Problem oder einen Plan, und er erstellt daraus eine interaktive HTML-Seite, die sich anklicken und teilen lässt. Dafür braucht man nicht erst ein Code-Repository. Wenn man den Agenten ein Repository analysieren lässt, kann er auch ein Architekturdiagramm mit Belegen aus dem Quellcode erstellen. Die Knoten können mit „SRC“ gekennzeichnet und einem bestimmten Commit zugeordnet werden. Neben Diagrammen gibt es auch sogenannte Explainer: eine Seite, die zunächst das Ergebnis nennt und es anschließend anhand der Fragestellung in mehrere Bereiche aufteilt. Diese können Tabellen, Schritte und Diagramme enthalten.

Es gibt auch klar definierte Grenzen. Archify ist weder ein universeller Diagrammeditor noch ein Mermaid-Theme. Die automatische Analyse von Mermaid, ein allgemeines automatisches Layout, ein gehosteter Freigabedienst und ein WYSIWYG-Editor gehören derzeit nicht zum Produktumfang. Archify verkauft keine Modelle und stellt keine API-Schlüssel aus. Laut offizieller Dokumentation sind kostenpflichtige Tarife von Drittanbietern nicht mit Archify verbunden. Die aktuelle stabile Version ist v3.2.0. Das Installations-Badge auf skills.sh weist 130K+ Installationen aus. Diese Zahl stammt vom Projekt selbst und wurde von uns nicht überprüft.

Das Projektteam hat außerdem eine Werbegrafik erstellt. Im Mittelpunkt steht das Repository tt-a1i/archify; ein Abzeichen weist es als Nummer eins der GitHub-Trending-Liste der betreffenden Woche aus. Darunter steht: „Ein Satz genügt, um ein interaktives Architekturdiagramm zu erstellen.“ Rang und Star-Zahl stammen aus der Grafik selbst und sind lediglich als damalige Werbeaussage zu verstehen. Sie belegen nicht, dass das Projekt noch immer auf Platz eins steht.

Archify-Werbegrafik mit einer Repository-Karte, die Archify auf Platz eins der GitHub-Trending-Liste der betreffenden Woche zeigt

Einfach gesagt funktioniert Archify so: Der Agent erstellt zunächst eine JSON-Datei in einem festgelegten Format und prüft sie. Erst wenn die Prüfung erfolgreich ist, wird die HTML-Datei ausgegeben. Bei Änderungen bearbeitet er nur die betroffenen Teile, statt das ganze Diagramm neu zu erstellen. Verbindungen und Pfade im Diagramm ergeben sich aus den dort eingetragenen Beziehungen; die Interaktion erfindet keine Topologie. Dass sich die Elemente im Diagramm anklicken lassen, bedeutet also nicht, dass das System in der Produktion tatsächlich genauso läuft.

archify-tu-shaokun-interactive-architecture-diagram-claude-opus-5-5-de-image-1

Welche der zehn Diagrammtypen von Archify passt?

Diagrammtyp Geeignet für Beispiel
Architecture Komponenten, Dienste, Speicher und Systemgrenzen Aus welchen Diensten besteht unsere Website?
Workflow Abläufe, Freigaben und Tool-Aufrufe Wie läuft eine Spesenabrechnung von der Einreichung bis zur Auszahlung?
Sequence Reihenfolge einzelner Aufrufe Wer kommt bei der Anmeldung zuerst: Frontend, Backend oder Datenbank?
Data Flow Datenflüsse Wie gelangen Bestelldaten von der Bestellung bis zum Bericht?
Lifecycle Zustände, Wiederholungsversuche und Endzustände Wie kommt eine Aufgabe von der Warteschlange zum Erfolg oder Fehlschlag?
ERD Tabellen und Felder Wie hängen Benutzer- und Bestelltabelle zusammen?
Class Klassen und Schnittstellen Welche Klassen gibt es im Zahlungsmodul?
Tree Hierarchien mit genau einem übergeordneten Element Wie ist die Abteilungsstruktur des Unternehmens aufgebaut?
Timeline Zeitachsen Welche Meilensteine gibt es in einem dreimonatigen Projekt?
Waterfall Dauer einzelner Schritte einer Anfrage In welchem Abschnitt wird eine Schnittstelle langsam?

Die letzten fünf Typen kamen ab Version 3.1 hinzu. Wichtig: Einige offizielle Beispiele für Timeline und Waterfall verwenden illustrative Daten. Die angezeigten Zeiten entsprechen nur dann tatsächlichen Laufzeiten, wenn die Daten aus Logs oder einem Trace stammen.

archify-tu-shaokun-interactive-architecture-diagram-claude-opus-5-5-de-image-2

Archify in fünf Schritten

  1. Richte das Modell für den Agenten ein. In diesem Artikel wird claude-opus-5-5 über APIYI mit Claude Code verbunden.
  2. Installiere Archify mit einem einzigen Befehl.
  3. Beschreibe dem Agenten in eigenen Worten, was du darstellen möchtest.
  4. Öffne die erstellte HTML-Datei im Browser.
  5. Ändere das Diagramm im Dialog weiter und exportiere es, sobald du zufrieden bist, als Bild oder PDF.

Archify schnell ausprobieren: Mit claude-opus-5-5 das erste interaktive Architekturdiagramm erstellen

Schritt 1: Ein APIYI-Token für Archify vorbereiten

Zuerst einmal: Wofür wird das Token verbraucht? Das Archify-Repository selbst kostet keine Modellgebühren. Die Tokens verbraucht der Agent, der den Skill ausführt: beim Lesen des Repositorys, beim Schreiben des JSON und bei erneuten Versuchen nach fehlgeschlagener Validierung. Abgerechnet wird also das Modell, das du für den Agent eingerichtet hast. Du brauchst Modellguthaben, keine Archify-Mitgliedschaft.

Öffne die APIYI-Konsole, erstelle ein neues Token und wähle claude-opus-5-5 als verfügbares Modell aus. Kopiere anschließend das Token. Wenn du noch kein Guthaben gekauft hast und Opus erst einmal ausprobieren möchtest, findest du am Ende unter „Weiterführende Lektüre“ Hinweise zur Testversion.

Das solltest du anschließend sehen: In der Tokenliste ist ein neues Token hinzugekommen, bei den verfügbaren Modellen ist claude-opus-5-5 aufgeführt und du hast den Token-String kopiert.

Schritt 2: Das Token mit Claude Code verbinden (nach der magpie-Anleitung)

Die einzelnen Schritte zum Einrichten des API-Schlüssels wiederholen wir hier nicht. Folge stattdessen dieser bereits veröffentlichten bebilderten Anleitung: Schritt-für-Schritt-Anleitung: Mit einem Schlüssel alle Agents verbinden – das API-Gateway mit dem Open-Source-Projekt magpie einheitlich anbinden (am Beispiel von Claude Code, Codex, Pi und Hermes).

Behalte beim Befolgen der Anleitung zwei Werte im Blick. Erstens lautet die Anthropic-kompatible Adresse für Claude Code https://api.apiyi.com – füge am Ende kein /v1 hinzu. Zweitens muss der Modellname claude-opus-5-5 lauten. Schon ein falsches Zeichen führt zu „model not found“. Tools wie Codex verwenden die OpenAI-kompatible Adresse https://api.apiyi.com/v1; darauf gehen wir hier nicht näher ein. Wenn du Cursor mit einem eigenen Abonnement verwendest, brauchst du möglicherweise kein APIYI-Token. Archify setzt die Nutzung von APIYI nicht voraus.

Kehre nach Abschluss der Anleitung zurück und installiere Archify.

Das solltest du anschließend sehen: Wenn du Claude Code „Hallo“ fragst, antwortet es normal. Es erscheint weder ein 401-Fehler noch die Meldung „model not found“.

Schritt 3: Den Archify-Skill installieren

Öffne ein Terminal und führe einfach diesen offiziellen Befehl aus:

npx skills add tt-a1i/archify -g

-g steht für eine globale Installation. Danach kannst du Archify in jedem Projektverzeichnis verwenden. Unterstützt werden Cursor, Claude Code, Codex CLI und OpenCode; in diesem Artikel geht es nur um Claude Code. Beende nach der Installation deine aktuelle Claude-Code-Sitzung und starte eine neue.

Das solltest du anschließend sehen: Der Befehl wird ohne rote Fehlermeldung ausgeführt. Frag in der neuen Sitzung „Kannst du Archify verwenden?“ – Claude Code sollte den Skill erkennen.

Schritt 4: Mit Archify in einem Satz den Anfrageablauf einer Website darstellen

Sende Claude Code das offizielle Beispiel unverändert:

Zeichne mit Archify den Anfrageablauf einer Website: Der Browser sendet eine Anfrage an die API. Die API liest bevorzugt aus Redis. Bei einem Cache-Miss fragt sie PostgreSQL ab und füllt anschließend den Cache.

Claude Code schreibt zunächst JSON, validiert es und erstellt schließlich eine HTML-Datei. Falls es den Code nur im Chat ausgibt, ohne ihn als Datei zu speichern, ergänze: „Speichere das HTML im aktuellen Verzeichnis.“ Suche die .html-Datei und öffne sie per Doppelklick oder ziehe sie in den Browser.

Das solltest du anschließend sehen: Im Browser wird ein Diagramm mit Knoten für Browser, API, Redis und PostgreSQL angezeigt. Die Knoten sind miteinander verbunden. Wenn du auf einen Knoten klickst, siehst du dessen vorgelagerte und nachgelagerte Beziehungen.

Schritt 5: Das Archify-Diagramm mit einem Satz ändern und exportieren

Du musst das ganze Diagramm nicht erneut beschreiben. Ergänze einfach:

Füge eine Authentifizierung hinzu, hebe den Pfad für Cache-Misses hervor und wechsle zu einem hellen Design.

Archify ändert nur die betreffenden Teile, statt das Diagramm von Grund auf neu zu erstellen. Anschließend kannst du zwischen vier Stilen wechseln, darunter helle und dunkle Designs. Außerdem kannst du das Diagramm als PNG, WebP oder langes JPG exportieren oder als PDF drucken. Wenn du die HTML-Datei direkt an Kolleginnen und Kollegen schickst, können diese ebenfalls damit interagieren. Externe Websites oder Kartenlinks im Diagramm lassen sich nur mit einer Internetverbindung öffnen.

Das solltest du anschließend sehen: Im selben Diagramm sind nun Knoten für die Authentifizierung hinzugekommen, der Pfad für Cache-Misses ist hervorgehoben und das gesamte Diagramm hat ein helles Design.

🎯 Technischer Tipp: Teste beim ersten Mal zunächst das offizielle Beispiel. Wenn es funktioniert, kannst du deine eigene Beschreibung verwenden. So lässt sich bei Problemen leichter unterscheiden, ob die Umgebung falsch eingerichtet oder die Beschreibung zu komplex ist.

Was kostet das Modell hinter Archify?

Die folgenden Angaben stammen von der öffentlichen APIYI-Preisschnittstelle und wurden am Tag der Erstellung dieses Artikels abgefragt. Für die Umrechnung gilt: Ein Multiplikator von 1 entspricht 2 US-Dollar pro einer Million Tokens. Maßgeblich ist der Preis, der am jeweiligen Tag in der Preisseite der APIYI-Konsole angezeigt wird. Je nach Gruppe können die tatsächlichen Preise abweichen.

Modell Eingabe Ausgabe Cache-Lesen Cache-Schreiben Wann verwenden
claude-opus-5-5 4 US-Dollar 20 US-Dollar 0,20 US-Dollar 5 US-Dollar Komplexe Diagramme, Repositorys lesen, lange HTML-Dateien
claude-sonnet-5-5 2 US-Dollar 10 US-Dollar 0,10 US-Dollar 2,50 US-Dollar Kleine Skizzen, einfache Änderungen

Alle Beträge gelten pro einer Million Tokens. Außerdem gibt es claude-opus-5-5-thinking mit demselben Multiplikator. Wie viel ein Diagramm kostet, haben wir nicht selbst gemessen und nennen daher hier keinen Betrag. Der Tokenverbrauch pro Diagramm hängt davon ab, wie umfangreich es ist, ob ein Repository gelesen werden muss und wie viele Korrekturrunden nach fehlgeschlagener Validierung nötig sind.

Wann du Opus 5.5 nicht unbedingt brauchst

Der offizielle Anbieter schreibt nicht vor, dass du Claude Opus 5.5 verwenden musst. Unsere Empfehlung für Opus basiert darauf, dass Archify strukturiertes JSON und oft sehr lange HTML-Dateien erstellt und mitunter das gesamte Repository lesen muss. Ein leistungsstarkes Coding-Modell macht dabei seltener Formatfehler. In den folgenden beiden Fällen reicht meist ein günstigeres Modell wie claude-sonnet-5-5:

  • Du erstellst eine kleine Skizze mit drei oder vier Kästchen, einfachen Beziehungen und ohne Repository.
  • Das JSON ist bereits fertig. Du möchtest nur den Stil ändern und das Diagramm erneut exportieren.

Wenn das Diagramm umfangreicher wird, ein Repository gelesen werden muss oder die Validierung wiederholt fehlschlägt, kannst du wieder zu Opus wechseln. In der weiterführenden Lektüre findest du einen Artikel, der zeigt, wie sich die beiden Modelle kombinieren lassen.

Archify-Fehlerbehebung

Problem Häufige Ursache Lösung
Der Agent erkennt Archify nach der Installation nicht Die alte Sitzung ist noch geöffnet; -g wurde nicht verwendet; Node.js ist nicht korrekt installiert Claude Code neu starten; Archify mit -g erneut installieren; im Terminal node -v ausführen und prüfen, ob eine Versionsnummer angezeigt wird
Das HTML lässt sich nicht öffnen oder ist leer Der Code wurde nur ausgegeben, aber nicht gespeichert; die Datei ist unvollständig; externe Links benötigen eine Internetverbindung Den Agent bitten, das HTML als Datei zu speichern; die Datei direkt im Browser öffnen; die Netzwerkverbindung prüfen
Die Validierung schlägt fehl Die Beschreibung ist zu komplex oder enthält widersprüchliche Beziehungen Die offizielle Anleitung liefert gezielte Hinweise zur Fehlerbehebung. Konzentriere dich auf höchstens zwei Korrekturrunden. Wenn es weiterhin nicht klappt, teile das Diagramm in zwei Diagramme auf oder formuliere die Beschreibung genauer
model not found Der Modellname ist falsch; an die Adresse wurde versehentlich /v1 angehängt Den Modellnamen in claude-opus-5-5 ändern; /v1 am Ende der Anthropic-Adresse entfernen
401-Fehler oder Hinweis auf zu wenig Guthaben Das Token wurde falsch kopiert, deaktiviert oder das Guthaben ist aufgebraucht Tokenstatus und Guthaben in der APIYI-Konsole prüfen; das Token erneut kopieren und nach der magpie-Anleitung aktualisieren

Häufige Fragen zu Archify

F1: Kostet Archify etwas?

Archify selbst ist kostenlos und als Open Source unter der MIT-Lizenz verfügbar. Kosten entstehen durch die Modell-Tokens, die der Agent verwendet. Abgerechnet wird das Modell, das du für Claude Code eingerichtet hast.

F2: Muss ich Opus oder unbedingt APIYI verwenden?

Nein, beides ist nicht zwingend erforderlich. Der offizielle Anbieter schreibt kein bestimmtes Modell vor. `claude-opus-5-5` ist unsere Empfehlung; für kleinere Diagramme eignet sich auch Sonnet. Archify ist offiziell nicht an APIYI angebunden. Wenn du das in Cursor enthaltene Abonnement verwendest, brauchst du möglicherweise gar kein APIYI-Token.

F3: Kann ich Archify auch ohne Code-Repository verwenden?

Ja. Beschreibe einfach auf Chinesisch, was du brauchst. Wenn ein Repository vorhanden ist, kannst du den Agent bitten, es zuerst zu lesen und anschließend ein Diagramm mit Belegen aus dem Quellcode zu erstellen. Die Knoten sind dann mit SRC gekennzeichnet. In diesem Fall werden mehr Tokens verbraucht.

F4: Kann man mit dem HTML noch interagieren, wenn ich es an andere schicke?

Ja. Es handelt sich um eine eigenständige HTML-Datei, die alle interaktiven Funktionen enthält. Nur externe Websites und Kartenlinks im Diagramm benötigen eine Internetverbindung.

F5: Läuft das Produktivsystem wirklich so, wenn ich im Diagramm auf die Verbindungen klicken kann?

Nein. Die Pfade im Diagramm basieren auf den Beziehungen, die du angegeben hast. Archify überprüft nicht, ob das Produktivsystem tatsächlich so funktioniert. Auch Zeitangaben in Diagrammen wie Waterfall sind nur dann verlässlich, wenn sie auf Daten aus Logs oder Traces beruhen.


Zusammenfassung: Was Archify uns hinterlässt – bei jedem Wetter

Tu Shaokun konnte seinen Bildungsweg nicht ändern. Also machte er seine Fähigkeiten zu einem Werkzeug, das andere einfach installieren und nutzen können. Die wichtigsten Punkte zum Ausprobieren:

  • Was ist Archify? Ein kostenloser Open-Source-Agent-Skill, der mit einem einzigen Satz interaktive HTML-Grafiken erstellt.
  • Wofür fallen Kosten an? Für das Modell hinter dem Agenten. Ein Archify-Abo ist nicht nötig.
  • Wie bindet man einen API-Schlüssel ein? Erstellen Sie ein Token bei APIYI, wählen Sie das Modell claude-opus-5-5 und binden Sie es anhand der Magpie-Anleitung in Claude Code ein. Die Adresse darf nicht mit /v1 enden.
  • Wie installiert man es? Führen Sie nur diesen einen Befehl aus: npx skills add tt-a1i/archify -g.
  • Wie verwendet man es? Beschreiben Sie die Grafik in einem Satz, überarbeiten Sie sie mit einem weiteren Satz und exportieren Sie sie anschließend als PNG oder PDF.
  • Spartipp: Für kleine Grafiken und erneute Exporte reicht Sonnet. Bei komplexen Grafiken lohnt sich Opus.

Wenn Sie gleich loslegen möchten, erstellen Sie in der APIYI-Konsole unter apiyi.com ein Token und probieren Sie zunächst das offizielle Beispiel aus, um Ihre erste Grafik zu erstellen.

Die Informationen in diesem Artikel stammen aus verschiedenen Quellen, deren Zuverlässigkeit unterschiedlich einzuschätzen ist:

Information Quelle Hinweis
Funktionen, Version, zehn Grafiktypen, mehr als 130K Installationen Offizielle README Angaben des Projekts
Erster Platz in der Wochenrangliste Screenshot, den der Autor am 2026-09-01 auf X gepostet hat Screenshot von damals, keine aktuelle Rangliste
Berufsausbildung, Militärdienst, Studienaufstieg und Jobsuche Langer X-Beitrag des Autors vom 2026-07-15 Angaben des Autors
Schulabbruch mit 16, Arbeit in der Autowerkstatt und Fabrik Interview von QbitAI aus dem September 2026 Von den Medien zusammengefasst
Modellpreise Öffentliche Preisschnittstelle von APIYI, am Tag der Artikelerstellung abgefragt Maßgeblich sind die an diesem Tag in der Konsole angezeigten Preise
Optional: Update-Prüfung und Repository-Befehle (für die meisten Leser nicht relevant)

Archify installiert neue Versionen nicht automatisch. Wenn Sie über Updates informiert werden möchten, klicken Sie auf der GitHub-Repository-Seite nacheinander auf Watch → Custom → Releases. Der installierte Skill prüft in größeren Abständen auf Updates. Schlägt die Prüfung fehl, wird kein Fehler angezeigt; Sie erhalten lediglich einen Hinweis. Heruntergeladen wird nichts. Dabei wird ausschließlich `archify.si/skill-updates/archify/stable.json` aufgerufen. Die lokale Version, Projektinhalte, Benutzereingaben und Schlüssel werden nicht hochgeladen. Wenn Sie die Prüfung deaktivieren möchten, setzen Sie die Umgebungsvariable `ARCHIFY_UPDATE_CHECK_DISABLED=1`.

Im Repository gibt es außerdem Befehle wie `node bin/archify.mjs`, die hauptsächlich zum Debuggen für Mitwirkende gedacht sind. Als normaler Nutzer müssen Sie sie nicht ausführen. Die genaue Verwendung entnehmen Sie der README des Repositorys.


Quellen

  1. Offizielles Archify-Repository (chinesische README): Informationen zu Funktionen, Installation und Umfang
  2. Link: github.com/tt-a1i/archify
  3. Hinweis: Die Angaben zu Funktionen und Version in diesem Artikel basieren auf dieser Quelle.
  4. Offizielle Archify-Website: Projektseite
  5. Link: archify.si
  6. Langer X-Beitrag des Autors (2026-07-15): Der Autor schildert seine eigenen Erfahrungen
  7. Link: x.com/t20000622yy/status/2077425261856096720
  8. Bilibili-Video des Autors: „Vom Schulabbruch und der Arbeit in der Fabrik an die Spitze der GitHub-Trendliste: Wie KI mein Leben verändert hat!“ – vom Autor selbst veröffentlicht
  9. Link: www.bilibili.com/video/BV1cGe56cEHo/
  10. Projektvorstellung des Autors auf Bilibili: „Über Nacht schaffte es mein Open-Source-Projekt auf Platz eins der weltweiten GitHub-Trends“
  11. Link: www.bilibili.com/video/BV16MhA6pEMb/
  12. Bericht von QbitAI aus dem September 2026: Bericht über das Projekt und die Geschichte des Entwicklers. Im Artikel wird nur ein Satz daraus zitiert und die Quelle ist angegeben.
  13. Öffentliche Preisschnittstelle von APIYI: Am Tag der Artikelerstellung abgefragt
  14. Link: api.apiyi.com/api/pricing

Weiterführende Artikel

Ähnliche Beiträge