← Zur Startseite

HTML-Tools verstehen und selbst bauen

Ein HTML-Tool ist ein kleines Programm in einer einzigen Datei. Dieser Leitfaden erklärt Schritt für Schritt, woraus es besteht, was die Toolbox für dich übernimmt, wie du ein Tool beschreibst, damit genau das herauskommt, was du brauchst, und wie deine Tools mit anderen zusammenarbeiten. Ob du selbst schreibst oder schreiben lässt.

• Eine DateiSeite, Aussehen und Programm liegen zusammen in einer .html-Datei.
• Auf dem GerätDas Tool läuft auf deinem Handy. Die Toolbox lädt nichts hoch.
• Du bestimmstFunktionen, Aussehen und Daten legst du fest, nicht ein Anbieter.

Wichtig: Von anderen erstellter Code kann Fehler enthalten. Teste jedes Tool in der Vorschau, bevor du dich darauf verlässt, und gib niemals Passwörter oder Schlüssel in ein Tool ein, dem du nicht vertraust.

Neu im Leitfaden (Oktober 2026)

• Bauplan der Galerie: So sind die Tools der Galerie aufgebaut, und so machst du deine eigenen Tools genauso anpassbar.
• Gemeinsame Nachrichten: Sechs gemeinsame Nachrichtenarten, mit denen deine Tools mit den Galerie-Tools zusammenarbeiten.
• Ausblick: Verbindungsschicht: Was eine vorgeschlagene Verbindungsschicht in der App für Tools bedeuten würde, und wie du schon heute dafür baust.
• Worauf du achten solltest: Neu: Lehren aus dem Bau der Galerie, etwa zu Timern im Hintergrund und Sortieren auf dem Handy.

Grundlagen

• Woraus ein Tool bestehtHTML, CSS und JavaScript in einer Datei: ein komplettes Beispiel zum Kopieren und was welcher Teil regelt.
• Was die Toolbox übernimmtRegal, Vollbild, Speicher, Abschottung, Versionen und Backups: was die Toolbox erledigt, was dein Tool tun muss und wo die Grenzen liegen.
• Worauf du achten solltestDie wichtigsten Regeln für gute Tools, dazu Lehren aus dem Bau der Galerie: Timer im Hintergrund, Sortieren auf dem Handy, Bilder im Backup.

Tools erstellen

• Tools beschreibenSieben Bausteine für eine gute Beschreibung, Vorlagen zum Kopieren, Beispiele mit geprüften Ergebnissen und wie du in kleinen Schritten nachbesserst.
• Je nach Ziel vorgehenNur für dich, zum Weitergeben, für Kinder, langfristig oder im Zusammenspiel mit der Galerie: worauf es jeweils ankommt.
• Vorlagen in der AppDie sieben Vorlagen der App unter „Neu → Neu schreiben“: was sie können, wofür sie passen und wie du sie ausbaust.
• Bauplan der GalerieWie die Galerie-Tools aufgebaut sind und wie du eigene Tools genauso baust: Block ANPASSEN, Startvorlagen, Rückgängig, Sichern ohne private Einträge, Hilfe mit KI-Vorlage.

Zusammenspiel

• Tools verknüpfenMit ARTEFAKT.senden, eingang und oeffnen Daten zwischen Tools schicken: Beispielcode, Einrichtung in der App, Prompts und Grenzen.
• Gemeinsame NachrichtenSechs Nachrichtenarten mit derselben Hülle, fünf Sammelstellen und zehn Regeln: so spielen eigene Tools mit den Galerie-Tools zusammen.
• Ausblick: VerbindungsschichtVorschlag an das App-Team: Verknüpfungen nach Art statt Name, Hardware ohne Aufheben der Abschottung, gemeinsame lokale Sammlungen. Was das für Tools hieße.

Hilfe

• Wenn etwas nicht klapptLeere Seite, winzige Schrift, verlorene Daten, Nachrichten kommen nicht an: typische Fehler, ihre Ursachen und was hilft.

Jetzt ausprobieren

Öffne die Web-App, wähle „Neu → Neu schreiben“ und starte mit einer Vorlage, oder lege eine .html-Datei ein.

Web-App öffnen (öffnet in neuem Tab)↗