Verbindet Designentscheidungen mit Belegen und trennt bestätigte Ergebnisse von Vorschlägen. Optionale PopNow-Medien nach Angebot und Freigabe des API-USD-Budgets. Keine erfundenen Kundenerfolge, Studienteilnehmenden oder Kennzahlen.
- Nutzt PopNow für
- Bilder
- Benötigt
- Node.js
Der Skill ist kostenlos. Vor der optionalen Generierung von KI-Bildern, Videos und Ton siehst du den Preis und stimmst zu. API-Schlüssel-Aufrufe nutzen dein separates API-Guthaben in US-Dollar (USD); Generierungen über ChatGPT oder Claude mit OAuth/MCP-Verbindung nutzen deine Website-Credits.
v1.0.0 · Aktualisiert am 24. Okt. 2026 · 40 KB · Für private Projekte und Kundenarbeit nutzbar; bitte das Paket nicht weiterverkaufen oder weitergeben.
Das bekommst du
Verbindet Designentscheidungen mit Belegen und trennt bestätigte Ergebnisse von Vorschlägen.
Eigenständige HTML-Datei mit bearbeitbaren Daten und Quellcode
Lokale Eingabeprüfung, Beispieldaten und ausführbare Kontrollen
Optionale PopNow-Medien nach Angebot und Freigabe des API-USD-Budgets
Gut für
- Designbewerbungen, Projektrückblicke und Forschungsfallstudien
- Teams, die Ergebnisse offline prüfen, exportieren und übergeben möchten
Nicht für
- Keine erfundenen Kundenerfolge, Studienteilnehmenden oder Kennzahlen.
- Anwendungen mit Echtzeitserver, Benutzerkonten oder gemeinsamer Synchronisierung
So nutzt du ihn
Du sagst
Nutze den PopNow-Skill „UX-Fallstudien-Portfolio“ (ux-case-study-portfolio) dafür: Erstelle „UX-Fallstudien-Portfolio“ mit meinen echten Daten und liefere prüfbare Ergebnisse sowie bearbeitbare Dateien.
Dann probier
Prüfe Grenzfälle und erkläre abgelehnte Datenfelder.
Passe das Layout an unsere Marke an und kalkuliere PopNow-Medien vor der Erstellung.
Das solltest du bereithalten
- Eigene Rolle, Problem, Einschränkungen, Forschung, Entscheidungen und belegte Ergebnistypen.
- Zielgruppe, endgültige Beschriftungen und Veröffentlichungsort
- Eigene Medien und belastbare Belege für öffentliche Aussagen
Ähnliche Skills
Alle ansehen →- Web
Getränkemarken-Website-Vorlage
+25Sonnige Website für Getränke- oder Snackmarken: Shop, Kistenkonfigurator, Händlerkarte und Demo-Kasse in einer Datei.
- Web
Website für Hardware-Produkte
+25Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
- Web
Sneaker-Shop-Website-Vorlage
+25Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
- Web
Website für Freelance-Designer:innen
+25Eine mutige Ein-Personen-Studioseite mit festen Paketpreisen, Paketseiten, Fallstudien und Anfrageformular.
- Web
Website für Reisebüros
+25Eine bildstarke Seite für Touren, Guides oder Lodges mit Reisesuche, Buchungsanfragen und einem Reise-Finder-Quiz.
- Web
Glassmorphism-Website-Vorlage
+25Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
- Web
3D-Avatar-Maker
+25Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
WebAkademische CV-Website
+25Ordnet Forschung, Lehre und akademische Dienste mit Publikationsfiltern und BibTeX-Export.
- Web
Kalender-Heatmap
+25Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
WebAgrarprodukt-Website
+25Filtert Geräte nach Kulturen und Region und erstellt technische Vergleiche und Anfragen.
- Web
KI-SaaS-Landingpage
+25Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
- Web
Animierte Hero-Section
+25Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
WebArchitektur-Portfolio
+25Projekte filtern, Flächeneinheiten wechseln und eine Projektauswahl ausdrucken.
WebWebsite für Audioprodukte
+25Technische Daten vergleichen und eigene Audiodateien in einem echten A/B-Test anhören.
WebAudio-Spektrumanalyse
+25Analysiert lokale Aufnahmen mit echtem Frequenzspektrum, Spitzenfrequenz und Signalpegel.
WebWebsite-Vorlage für Fallstudien
+25Belege mit Kennzahlen verknüpfen, Veränderungen prüfen und fehlende Daten kennzeichnen.
WebCashflow-Dashboard
+25Gleicht Anfangsbestand, Einzahlungen und Auszahlungen mit dem laufenden Kontostand ab.
WebCMS-Marketing-Website
+25Artikel als JSON bearbeiten, Felder prüfen, sicher anzeigen und gültige Inhalte exportieren.
WebKonferenz-Speaker-Seite
+25Vorträge nach Thema und Dauer finden sowie Moderationstext und Technikliste exportieren.
WebWebsite-Vorlage für Bauunternehmen
+25Mengen und Einheitspreise berechnen, Reserven getrennt zeigen und die Kalkulation exportieren.
WebWebsite-Vorlage für Beratungen
+25Formate nach Ziel, Zeitraum und Teamgröße vergleichen und ein Briefing exportieren.
WebConversion-Funnel-Dashboard
+25Berechnet Konversion und Abbrüche je Stufe einer Kohorte, mit prüfbarer Datentabelle.
- Web
Shader-Hero-Website für Agenturen
+25Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
WebKunden-Onboarding-Portal
+25Führt abhängige Einrichtungsschritte mit Zuständigkeiten und gewichteter Fortschrittsanzeige.
- Web
Dunkle SaaS-Landingpage
+25Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
WebDesignsystem-Vorschau
+25Bearbeitet Farbtokens, berechnet Kontrastverhältnisse und exportiert CSS und JSON.
- Web
Designer-Portfolio-Website
+25Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
WebEntwicklerjournal
+25Erstellt ein durchsuchbares Fachjournal mit lesbarem Code und exportierbarem RSS-Feed.
- Web
Entwickler-Portfolio-Website
+25Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
WebE-Book-Landingpage
+25Originale Kapitel lesen, die Schriftgröße anpassen und den Lesefortschritt lokal speichern.
WebBearbeitbare Budgettabelle
+25Berechnet Plan, Ist und Restbudget aus bearbeitbaren Mengen und Stückpreisen.
- Web
Redaktionelle SaaS-Website
+25Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
WebVeranstaltungs-Teilnahmechart
+25Vergleicht Anmeldungen, Check-ins und Kapazität mit gewichteter Teilnahmequote.
WebEvent-Website-Vorlage
+25Programmpunkte filtern, Terminüberschneidungen erkennen und einen persönlichen Kalender exportieren.
WebExperimentvergleich
+25Vergleicht Konversionsraten, Stichproben und Wilson-Intervalle ohne vorschnellen Sieger.
WebPortal für Finanzberichte
+25Berichte nach Jahr und Typ finden, Kennzahlen vergleichen und Daten exportieren.
WebFlugsuche-Prototyp
+25Filtert lokale Flugangebote nach Route, Datum und Reisenden und vergleicht Gesamtpreise.
- Web
Interaktives Architekturdiagramm
+25Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
- Web
Interaktiver Raster-Hero
+25Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
WebWebsite für Innenarchitektur
+25Aus Raummaßen, Budget und Prioritäten ein exportierbares Projektbriefing erstellen.
WebWebsite für Schmuckgeschäfte
+25Material und Größe abgleichen, Varianten prüfen und eine Anfrageliste exportieren.
- Web
Knowledge-Graph-Explorer
+25Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
- Web
KPI-Dashboard-Vorlage
+25Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
- Web
Landingpage aus KI-Mockups
+25Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
WebWarteliste mit Empfehlungscodes
+25Stabile Empfehlungscodes und eine lokale Warteschlange als klar gekennzeichnete Demo testen.
WebWebsite-Vorlage für Kanzleien
+25Nach Rechtsgebiet und Zuständigkeit eine druckbare Vorbereitungsliste für das Erstgespräch erstellen.
- Web
Magazin-Website-Vorlage
+25Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
WebMitgliedschafts-Preisrechner
+25Kosten nach Personenzahl, Laufzeit und Extras exakt berechnen und Tarife vergleichen.
WebWebsite für gemeinnützige Kampagnen
+25Spendenziel und Kostenannahmen zeigen sowie Ehrenamtsangebote nach Zeitaufwand filtern.
WebLandingpage für Onlinekurse
+25Vorkenntnisse prüfen, Kursinhalte ansehen und einen wöchentlichen Lernplan berechnen.
WebOperations-Aufgabenboard
+25Ordnet Aufgaben nach Priorität, Zuständigkeit und Termin mit klaren Statuswechseln.
- Web
Partikel-Animations-Hero
+25Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
- Web
Persönliche Marken-Website
+25Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
- Web
Tierbedarf-Shop-Website-Vorlage
+25Ein funktionierender Tierbedarf-Shop mit Katalog, Varianten, Tasche, Nachfüll-Planer und Demo-Kasse in einer HTML-Datei.
WebFotografie-Portfolio
+25Zeigt Fotos nach Serie mit Tastatur-Lightbox und druckbarem Kontaktbogen.
- Web
Podcast-Website-Vorlage
+25Eine Podcast-Seite mit abspielbarem Hero, Folgenarchiv, Gastseiten und einem Player, der beim Blättern weiterläuft.
WebHandgezeichneter Preisbereich
+25Eine Preistabelle im Notizbuchstil mit schrägen Tintenkarten, Jahresumschalter und Dunkelmodus, in einer Offline-Datei.
WebVerzeichnis für Produktintegrationen
+25Integrationen nach Funktionen und Anmeldung finden und eine Einrichtungscheckliste erstellen.
- Web
Kinoreife Produkt-Launch-Seite
+25Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
WebImmobilien-Website-Vorlage
+25Objekte nach Budget und Schlafzimmerzahl filtern und eine Vergleichsliste ausdrucken.
- Web
Website für Forschungsarbeiten
+25Projektseite zu deinem Paper mit interaktiver Abbildung 1, Ergebnissen, Grenzen und Zitat mit einem Klick.
WebUmsatzmix-Dashboard
+25Vergleicht Umsatzanteile und Beträge nach Kategorie mit abgestimmten Periodensummen.
WebUmsatztrend-Bericht
+25Zeigt Umsatz, Veränderung und gleitende Mittelwerte und kennzeichnet fehlende Tage.
- Web
Admin-Dashboard-Vorlage
+25Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
- Web
SaaS-Landingpage-Vorlage
+25Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
- Web
Portfolio-Website im Scrapbook-Stil
+25Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
WebDurchsuchbare Datentabelle
+25Macht CSV-Daten durchsuchbar, numerisch sortierbar und seitenweise exportierbar.
WebService-Status-Dashboard
+25Zeigt Komponentenstatus, veraltete Prüfungen und nachvollziehbare Störungsverläufe.
- Web
Website für Sportvereine
+25Eine Seite für Verein, Fitnessstudio oder Studio mit Stundenplan, Trainerseiten, Mitgliedschaften, Platzplan und Buchung in einer Datei.
- Web
Kundenstimmen-Wand
+25Eine Wand aus Kundenzitaten als Masonry-Raster oder langsam driftende Spalten, in der nur Zitate stehen, denen Menschen zugestimmt haben.
WebReiseplan-Website
+25Ordnet Tagesaktivitäten, prüft Überschneidungen und Transferpuffer und summiert bekannte Kosten.
- Web
Landingpage für Workflow-Automatisierung
+25Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
WebPortfolio für Autorinnen und Autoren
+25Texte nach Medium und Thema finden, eine Leseliste speichern und eine Kurzbiografie exportieren.
Fragen
Welche Eingaben werden benötigt?
Eigene Rolle, Problem, Einschränkungen, Forschung, Entscheidungen und belegte Ergebnistypen.
Was liegt außerhalb des Funktionsumfangs?
Keine erfundenen Kundenerfolge, Studienteilnehmenden oder Kennzahlen.
Funktioniert es ohne API-Schlüssel?
Ja. Vorlage, Prüfung und Export laufen lokal ohne Schlüssel. Nur optionale PopNow-Medien benötigen ein Angebot und die ausdrückliche Freigabe eines API-USD-Budgets.
Wie speichere ich Änderungen?
Exportiere vor dem Schließen die aktuelle JSON-Datei. Die lokale Datei wird nicht automatisch mit einem Server synchronisiert.