Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Porträts, ohne Netzwerkanfragen
- Ansichten für Überblick, Analytics, Finanzen, Kunden, Roadmap-Board, Kalender und Einstellungen
- Befehlspalette, Benachrichtigungen, heller und dunkler Modus, zwei Farb-Presets
- Ein Validator für Seitenleiste, Routen, Beschriftungen, Sandbox-Sicherheit und Beispielreste
- Optionale Team-Porträts, mit PopNow nach einem Credit-Angebot erzeugt
Gut für
- Admin-Panels und interne Tools für ein SaaS-Produkt
- Backoffices für Shops, Praxen oder Agenturen mit umbenannten Ansichten
- Eine klickbare Produktdemo für Investoren oder ein Team-Review
Nicht für
- Öffentliche Marketingseiten
- Dashboards, die vom ersten Tag an Live-Daten aus einer API lesen müssen
- Laute, bunte oder stark illustrierte Oberflächen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Admin-Dashboard-Vorlage“ (saas-admin-dashboard) dafür: Erstelle eine Betriebskonsole für Fernwood Bakery Supply: Bestellungen statt Kunden, ein Lieferboard und KPIs für Bestellungen, Umsatz, durchschnittlichen Bestellwert und Pünktlichkeitsquote in EUR.
In einem Coding-Agent
/popnow-saas-admin-dashboard Erstelle eine Betriebskonsole für Fernwood Bakery Supply: Bestellungen statt Kunden, ein Lieferboard und KPIs für Bestellungen, Umsatz, durchschnittlichen Bestellwert und Pünktlichkeitsquote in EUR.
Dann probier
Nenn mir den Preis für sechs neue Team-Porträts, bevor du etwas erzeugst.
Zieh das als echte Routen in meine Vue-3-App um.
Das solltest du bereithalten
- Firmenname, die angemeldete Person und 4–8 Teammitglieder
- Die vier Kennzahlen, die du beobachtest, plus Währung und Gebietsschema
- Was deine Tabellenzeilen, Board-Karten und Kalendereinträge darstellen
- Optional: einen PopNow-API-Schlüssel oder Fotos deines Teams
Ähnliche Skills
Alle ansehen →3D-Avatar-Maker
+3Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
Kalender-Heatmap
+3Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
KI-SaaS-Landingpage
+3Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
Animierte Hero-Section
+3Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
Shader-Hero-Website für Agenturen
+3Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
Dunkle SaaS-Landingpage
+3Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
Designer-Portfolio-Website
+3Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
Entwickler-Portfolio-Website
+3Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
Redaktionelle SaaS-Website
+3Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
Glassmorphism-Website-Vorlage
+3Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
Website für Hardware-Produkte
+3Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
Interaktives Architekturdiagramm
+3Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
Interaktiver Raster-Hero
+3Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
Knowledge-Graph-Explorer
+3Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
KPI-Dashboard-Vorlage
+3Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
Landingpage aus KI-Mockups
+3Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
Magazin-Website-Vorlage
+3Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
Partikel-Animations-Hero
+3Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
Persönliche Marken-Website
+3Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
Kinoreife Produkt-Launch-Seite
+3Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
SaaS-Landingpage-Vorlage
+3Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
Portfolio-Website im Scrapbook-Stil
+3Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
Sneaker-Shop-Website-Vorlage
+3Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
Landingpage für Workflow-Automatisierung
+3Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Sind die Daten live?
Nein. Die Konsole kommt mit Beispiel-Arrays, die du durch deine eigenen Datensätze ersetzt. KPIs und Diagramme werden aus diesen Arrays berechnet und bleiben so stimmig; eine echte API anzubinden ist ein späterer Schritt in deinem eigenen Projekt.
Kann es etwas anderes als eine SaaS-Konsole sein?
Ja. Die Ansichten bleiben, nur die Begriffe ändern sich: Kunden werden zu Bestellungen oder Patienten, die Roadmap zum Fulfillment-Board oder zur Fallliste, der Kalender zu Terminen.
Was erzeugt PopNow hier?
Nur Team-Porträts. Diagramme, Icons und Firmenlogos werden in SVG gezeichnet. Jeder Porträt-Lauf wird vorher in Credits beziffert und startet erst nach deiner Zustimmung.
Funktioniert es ohne PopNow-API-Schlüssel?
Ja. Die acht mitgelieferten fiktiven Porträts lassen sich für dein Team umbenennen, oder Personen bekommen Initialen-Avatare.