
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; eine Übertragung in dein eigenes Framework-Projekt, wenn du eines hast.
- Ein Live-Produktfenster mit Board-, Burn-up- und Roadmap-Ansicht, dazu ein funktionierendes Bento, Zyklus-Tabs, Workflow-Tabs für Kommandozeile, Git und API sowie Preise mit Abrechnungsschalter.
- Seiten für Preisvergleich, Changelog, Anmeldung, Registrierung, Demo-Buchung, Sicherheit, Kundenstory, Unternehmen und Rechtliches, mit vollständigem dunklen Theme.
Passt gut für
- Teams, die einen Issue-Tracker, ein Planungstool oder ein anderes B2B-Entwicklerprodukt launchen.
- Incident-, CI- oder Deploy-Tools, die ihre Zustände auf die Board-, Burn-up- und Roadmap-Ansicht abbilden können.
- Produkte für technische Käufer, die einen Evaluierungspfad, Fakten zur Sicherheit und eine Vergleichstabelle erwarten.
Nicht geeignet für
- Echte Konten, Anmeldung oder Formularversand; Formulare validieren nur und zeigen ehrliche Demo-Ergebnisse.
- Websites, die von Haus aus ein Content-Management-System oder mehrere Sprachen brauchen.
- Echte Kundenlogos oder Aussagen, die du nicht bestätigen kannst; ohne echte Kunden entfallen Laufleiste und Zitate.
Über diesen Skill

Tracklane Devtool Landing baut die Marketing-Website eines Entwickler-Tools, die sich wie die fertige Website eines echten Unternehmens anfühlt: eine warme Sandfläche mit mintgrünen Sektionsbändern, fast schwarze Schrift, kompakte Headlines und ein ruhiger, geteilter Hero mit einem Live-Produktfenster auf der rechten Seite. Das Beispiel ist Tracklane, ein fiktiver Issue-Tracker für Zyklusplanung, mit vollständiger Startseite sowie Seiten für Preise, Changelog, Anmeldung, Registrierung, Demo, Sicherheit, Kundenstory, Unternehmen und Rechtliches.

Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern. Hast du bereits ein Framework-Projekt, wird dieselbe Struktur stattdessen dorthin übertragen.
- Ein Produktfenster, das aus deinen eigenen Objekten gezeichnet wird, mit Board-, Burn-up- und Roadmap-Ansicht, die einmal von selbst durchwechseln, und einer Karte, die sich bewegt, sobald ein Branch gepusht wird.
- Startseiten-Sektionen, die funktionieren: hochzählende Kennzahlen-Karten, ein Bento aus fünf Kacheln mit Triage-Warteschlange und Issue-Thread, Zyklus-Tabs, Entwickler-Workflow-Tabs für Kommandozeile, Git und API mit Kopierfunktion, ein Evaluierungspfad, Sicherheit, Zitate, Preise mit Abrechnungsschalter und ein FAQ.
- Unterseiten mit Preisvergleichstabelle, ein Changelog mit Filtern und Suche, Anmeldung mit Single-Sign-on-Abfrage, Registrierung, Demo-Buchung, eine Kundenstory, eine Unternehmensseite mit offenen Stellen, Datenschutz, AGB und eine 404-Seite.
- Ein vollständiges dunkles Theme und ruhige Animationen, die die Einstellung für reduzierte Bewegung respektieren.

So nutzt du es
- Nenne deinen Produktnamen und dein Versprechen in einem Satz, die Arbeitsobjekte, die es verwaltet, fünf Fähigkeiten, wie es zu Git, Kommandozeile und API passt, Fakten zur Sicherheit, Preisstufen und deinen wichtigsten Call-to-Action. Fehlende Fakten werden als plausible Platzhalter entworfen und für dich zur Bestätigung aufgelistet.
- Sag dem Agenten, welche drei Ansichten dein Produkt am besten zeigen, zum Beispiel Incidents, Deploys oder Tickets statt Issues.
- Öffne jede Seite in Hell und Dunkel auf Desktop und Smartphone, probiere Produktfenster, Bento, Tabs und Formulare aus und bitte um Änderungen.

Als Schriften kommen Inter Tight, Inter und Geist Mono zum Einsatz, eingebettet in die Datei. Kunden- und Teamfotos stammen aus dem Bildtool deines Agenten und können dessen Nutzungskosten verursachen; das Produkt selbst wird immer gezeichnet, nie als generierter Screenshot.
Was du vorab brauchst
- Du bringst mit
- Produktname, Versprechen in einem Satz und die Arbeitsobjekte, die es verwaltet · Fähigkeiten, Entwickler-Workflow, Sicherheitsfakten, Preisstufen und dein wichtigster Call-to-Action · Kundenzitate und Kennzahlen, die du verwenden darfst, oder die Erlaubnis, Platzhalter zur Bestätigung zu entwerfen
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten oder eigene Fotos für Kunden- und Teamfotos
- Externe Kosten
- Kundenporträts, das Story-Foto und das Teamfoto werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne ein solches Tool lieferst du eigene Fotos oder lässt die Zitat- und Story-Sektionen weg; das Produktfenster braucht keine Bilder. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …








