Fluxon Automation-Landing-Pagev1.0.6
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads2 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine Marketing-Website im Dark-first-Stil für eine Automatisierungsplattform, ein Desktop-Dev-Tool oder ein Open-Source-Produkt: fast schwarze neutrale Grautöne, ein einziger Cyan-Akzent, eine ruhige zweizeilige Headline und ein Live-Flow-Canvas, der tatsächlich läuft, einen fehlgeschlagenen Schritt wiederholt und seine Logs streamt. Danach folgen interaktive Panels für Trigger, Skripte, Retries und Run-Verlauf, Observability-Charts, ein Local-first-Diagramm, eine Kundenstory, Preise und ein Installationsbereich pro Betriebssystem – dazu Docs, Changelog, Download, Sicherheit, Registrierung, Kontakt und Rechtsseiten in dunklem und hellem Theme.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine komplette Developer-Tool-Website in einer eigenständigen HTML-Datei, die offline öffnet: Startseite, Docs, Changelog, Download, Sicherheit, Kundenstory, Registrierung, Anmeldung, Kontakt, Rechtliches und 404
- Eine Produktoberfläche, die funktioniert: ein Flow-Canvas, der läuft und sich wiederholt, klickbare Knoten, Trigger-Schalter, eine einstellbare Retry-Policy, filterbarer Run-Verlauf, Charts mit umschaltbarem Zeitraum und ein Live-Log-Tail
- Dark-first neutrale Grautöne mit einem Cyan-Akzent, ein vollständiges helles Theme, eingebettete Hanken Grotesk und JetBrains Mono sowie Fotos nur für Kundenstory, Runner und Avatare
Passt gut für
- Teams, die eine Desktop-App, ein CLI, eine Automatisierungsplattform oder ein Open-Source-Developer-Tool launchen und ohne Designarbeit eine glaubwürdige dunkle Website wollen
- Produkte, deren Stärke sich leichter zeigen als beschreiben lässt – etwa Runs, Retries, Logs und lokale Ausführung
- Entwickler, die jetzt eine eigenständige Website wollen oder dasselbe Design in ihr eigenes Next.js-, React-, Vue-, Svelte- oder Astro-Projekt übernehmen möchten
Nicht geeignet für
- Marken, die einen Light-first-Look brauchen: Das helle Theme ist vollständig, aber das Design ist zuerst dunkel gedacht
- Teams, die von Haus aus eine CMS-gesteuerte oder mehrsprachige Website brauchen
- Alle, die echte Kundenlogos oder Presse erwarten: Jede Marke, Person, jedes Zitat und jede Zahl ist fiktiv, bis du sie ersetzt
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenWebsite-Vorlage aufsetzenStil fixiertBearbeitbares ErgebnisGeführter WorkflowCyan-AkzentDunkel zuerstDiagramm-PanelsHero mit Node-CanvasKörnige Textur
Über diesen Skill
Beschreibe dein Developer-Tool und erhalte eine ruhige Produktwebsite im Dark-first-Stil, auf der sich das Produkt selbst erklärt: eine zurückhaltende zweizeilige Headline über einem Flow-Canvas, der läuft, einen fehlgeschlagenen Schritt wiederholt und seine Logs streamt. Alles kommt als eine eigenständige Datei, die in jedem Browser öffnet und offline funktioniert.
Das bekommst du
- Eine Landing Page mit Flow-Explorer in Tabs, Schritt-Bibliothek, Observability-Charts, Local-first-Diagramm, einem Flows-as-Code-Bereich, Kundenstory, Preisen mit Vergleichstabelle, FAQ und einem Installationsbereich pro Betriebssystem
- Seiten für Docs, Changelog, Download, Sicherheit, Kundenstory, Registrierung, Anmeldung, Kontakt, Datenschutz, AGB und 404
- Interaktive Produkt-Panels: Trigger-Schalter, eine Retry-Policy zum Einstellen und Simulieren, Run-Verlauf mit Filtern und Suche sowie ein Live-Log-Tail
- Fast schwarze Grautöne mit einem Cyan-Akzent, sanftem Glow und feiner Körnung, plus ein vollständiges helles Theme
- In deinem eigenen Projekt dasselbe Design als Komponenten und Routen in deinem Stack
So nutzt du es
- Nenne deinen Produktnamen, was ein Flow in deinem Produkt bedeutet, die Trigger-Typen, wo es läuft, wie man es installiert, deine Tarife und den Call-to-Action
- Canvas, Explorer und Docs werden rund um deine eigenen Schritte und Befehle neu aufgebaut; alle Kunden-, Preis- oder Sicherheitsangaben, die entworfen werden mussten, werden aufgelistet
- Öffne die fertige Datei im Browser und wünsch dir Änderungen in einfachen Worten, etwa drei Preisstufen oder andere Explorer-Tabs
Kunden- und Avatarfotos werden mit dem Bildtool deines Agenten erzeugt, wofür dessen Nutzungskosten anfallen können. Schriften und Bilder sind in die fertige Datei eingebettet.
Was du vorab brauchst
- Du bringst mit
- Produktname, Versprechen in einem Satz, was ein Flow in deinem Produkt ist und wo er läuft · Trigger-Typen, Runtimes oder Integrationen, der Installationsweg, Tarife und Preise sowie der CTA (Download, Registrierung, Testphase oder Star)
- 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 · Optional: ein Bildgenerierungstool in deinem Agenten für Kundenstory-, Runner- und Avatarfotos
- Externe Kosten
- Fotos für Kundenstory, Runner-Aufnahme und Avatare werden mit dem eigenen Bildtool deines Agenten erzeugt, wofür dessen Nutzungskosten anfallen können. Ohne Bildtool werden deine eigenen Fotos oder klar beschriftete Bildplatzhalter verwendet.
- Zuletzt getestet
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …