Slate Admin-Konsolev1.0.4
Nutze diesen Skill für: Webseite erstellen.
Beliebt
5.0162 Downloads8 Likes5-mal gemerkt
Kostenlos
Baue eine SaaS-Admin-Konsole in Produktqualität im ruhigen, nahezu monochromen Stil, in dem Farbe Daten und Status vorbehalten ist. Eine schmale Seitenleiste mit zwei Gruppen und ohne tote Links sitzt neben einem Header mit Befehlspalette, hellem und dunklem Modus und zwei Theme-Presets. Sieben funktionierende Ansichten decken Übersicht, Analytics, Finanzen, Kunden, ein Roadmap-Board mit Drag-and-drop, einen Monatskalender und Einstellungen ab. Das Beispielprodukt ist Corvane, und das Standardergebnis ist eine eigenständige Datei, die offline öffnet.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine fertige Beispielkonsole für Corvane, ein fiktives SaaS für Workspace-Analytics: sieben Ansichten, 48 Kunden-Accounts, ein Roadmap-Board mit vier Spalten, ein Kalender und Einstellungen.
- Echte Interaktionen: eine Palette über Ctrl/Cmd K, Zeiträume, die KPIs und Diagramme aktualisieren, sortierbare Tabellen mit Filtern, Sammelaktionen und Rückgängig, eine Detail-Schublade, Dialoge und verschiebbare Karten.
- Deine Konsole als eine Offline-Datei mit eingebetteten Schriften Geist und Geist Mono und acht Platzhalter-Teamporträts, dazu Styleguide, Ansichtsbibliothek und die Checkliste, der dein Agent folgt.
Passt gut für
- Gründer und Produktmanager, die eine glaubwürdige Admin- oder Backoffice-Konsole für eine Demo, eine Spezifikation oder ein Investoren-Deck brauchen.
- Entwickler, die ein Konsolen-Grundgerüst mit einheitlichen Tokens möchten, als eine Datei oder in ihrem eigenen Stack.
- Teams, die überladene Seitenleisten satthaben und zwei Gruppen mit fünf bis acht Einträgen möchten, von denen jeder funktioniert.
Nicht geeignet für
- Produktiv-Backends: Jede Ansicht läuft mit Beispieldaten in der Datei, ohne API, Authentifizierung oder Datenbank.
- Marketing-Websites oder Landing Pages; dies ist eine App-Oberfläche, keine Werbeseite.
- Eigene Markensysteme, die den Look ersetzen; der nahezu monochrome Stil ist fest vorgegeben, mit den Presets Slate und Tangerine.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenAdmin-Dashboard erstellenStil fixiertBearbeitbares ErgebnisSchnelle LieferungMinimalistischDatendichtMonochrom-neutralKonsolen-Formensprache
Über diesen Skill
Baue eine Admin-Konsole, die ein Team direkt übernehmen könnte: eine ruhige, nahezu monochrome Oberfläche, in der Farbe den Daten vorbehalten ist, eine schmale Seitenleiste, in der jeder Eintrag eine echte Ansicht öffnet, und Diagramme und Tabellen, die reagieren. Das Beispiel ist Corvane, ein fiktives Analytics-Produkt für Workspaces.
Das bekommst du
- Sieben Ansichten: Übersicht, Analytics, Finanzen, Kunden, Roadmap-Board, Kalender und Einstellungen
- Eine Seitenleiste mit zwei Gruppen, in der jeder Eintrag verlinkt ist, eine Befehlspalette über Ctrl oder Cmd K sowie heller und dunkler Modus in Slate oder Tangerine
- Tabellen mit Sortierung, Filtern, Suche, Paginierung, Sammelaktionen und Rückgängig, dazu eine Detail-Schublade und Dialoge
- Eine Roadmap mit Drag-and-drop, ein Monatskalender mit Agenda und Einstellungsformulare, die speichern
- Eine Datei mit eingebetteten Schriften und Porträts, die offline in jedem Browser öffnet
So nutzt du es
- Teile deinen Produktnamen, die vier Kennzahlen, die du beobachtest, dein Team und den Inhalt deiner Tabellen, Karten und Termine mit.
- Dein Agent ersetzt jede Zahl, Zeile und jeden Termin, hält die Seitenleiste kurz und prüft jede Ansicht in beiden Modi.
- Öffne die einzelne Datei, probier die Palette aus, zieh eine Karte und beschreib Änderungen in einfachen Worten.
Aktionen, die eine einzelne Datei nicht ausführen kann, etwa Export oder Abmelden, zeigen einen klaren Hinweis, statt so zu tun, als ob.
Was du vorab brauchst
- Du bringst mit
- Produktname und die vier wichtigsten Kennzahlen für die Übersicht · Dein Team (vier bis acht Personen) und der Inhalt deiner Tabellen, Board-Karten und Kalendertermine · Optional: echte Zahlen, Währung und Teamfotos; andernfalls werden Beispieldaten für dich entworfen
- 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 eine neue Serie von Teamporträts (die mitgelieferten Porträts können als Platzhalter dienen)
- Externe Kosten
- Für Teamporträts lassen sich die acht mitgelieferten Platzhalter kostenlos wiederverwenden. Eine neue Porträtserie mit dem Bildtool deines Agenten zu generieren kann Nutzungskosten verursachen.
- Zuletzt getestet
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …