#Tailwind
17 Einträge
Prompt zum Hinzufügen des Dark Mode mit Tailwind CSS v4
KI-Agent-Prompt zum Hinzufügen systembewusster Dark-Mode-Unterstützung in einer Next.js-App mit Tailwind CSS v4 CSS-Variablen und next-themes, ohne aufblitzenden Inhalt beim Laden.
Prompt zum Erstellen eines Next.js KI-Tool-Verzeichnisses
KI-Agenten-Prompt zum Erstellen eines durchsuchbaren Next.js KI-Tool-Verzeichnisses mit MDX-Datendateien, Kategorie-Filtern und statischer Generierung.
Prompt zum Erstellen einer SaaS-Preisseite in Next.js
Copy-Paste-KI-Prompt zum Erstellen einer SaaS-Preisseite in Next.js mit Tailwind, Umschaltmöglichkeit für Abrechnung und Stricke-ready-Plan-Daten.
Prompt zum Erstellen einer statischen Astro-SEO-Seite
Copy-Paste-Prompt zum Erstellen einer voll optimierten statischen Astro-Seite mit Content Collections, Sitemap, OG-Bildern und TypeScript.
Prompt zum Erstellen eines Admin-Dashboards in Next.js
AI-Agent-Prompt zum Erstellen eines geschützten Next.js Admin-Dashboards mit Datentabellen, serverseitigen Auth-Guards und einem Sidebar-Layout mit Tailwind.
AGENTS.md-Regeln für eine statische Astro-Site
Eine einsatzbereite AGENTS.md für statische Astro-Sites, die KI-Agenten im Stack hält, SSR-Abweichungen verhindert und Konventionen für Inhaltsammlungen durchsetzt.
AGENTS.md-Regeln für eine Next.js SaaS-App
Ein einsatzbereites AGENTS.md, das KI-Codierungsagenten im Stack und im Einklang mit den Konventionen einer Next.js SaaS-Codebasis hält.
KI-Codierregeln für die Leistung statischer Websites
AGENTS.md-Regeln für die Leistung statischer Websites, die Core Web Vitals, Bildoptimierung, Schriftarteinbindung durchsetzen und verhindern, dass Agenten renderblockierende Ressourcen ausliefern.
Cursor-Regeln für Tailwind CSS und shadcn/ui
Cursor-Regeln, die Tailwind v4-Konventionen und shadcn/ui-Komponentenmuster erzwingen und verhindern, dass Agenten bereits vorhandene Primitive neu erfinden.
Prompt-to-PR: Eine Preisseite hinzufügen
SOP zum Erstellen einer Produktions-Preisseite mit monatlichem/jährlichem Umschalter, Feature-Matrix und Stripe Checkout-Links in einem Next.js Tailwind-Projekt.
Prompt-to-PR: Admin-Datentabelle hinzufügen
SOP zum Hinzufügen einer serverseitig paginierten, sortierbaren, durchsuchbaren Admin-Datentabelle in Next.js mit TanStack Table und einer PostgreSQL-Abfrage — kein ORM-Zauber.
Prompt-to-PR: Dunkelmodus hinzufügen
End-to-End-SOP zum Hinzufügen eines flackerfreien Dunkelmodus zu einer Next.js Tailwind-App mit next-themes — Klassenstrategie, Systemeinstellung und persistierter Umschalter.
Prompt-to-PR: Erstellen einer statischen SEO-Website mit Astro
Vollständige SOP für das Aufsetzen einer inhaltsgesteuerten statischen SEO-Website mit Astro, Tailwind, MDX-Content-Collections, Sitemap und kanonischen Tags von Grund auf.
Checkliste zur Überprüfung von KI-generiertem Tailwind UI
Eine menschliche Überprüfungscheckliste für Tailwind CSS UI-Komponenten, die von KI-Coding-Agenten geschrieben wurden – Barrierefreiheit, Responsivität, Dark Mode und Purge-Sicherheit.
AI Tool Directory — Kontextpaket
Kopierbares Kontextpaket für eine mit Astro und PostgreSQL erstellte AI-Tool-Verzeichnis-Website, damit Agenten den Einreichungsprozess, das Tagging-System und das Inhaltsmodell ab dem ersten Prompt verstehen.
Astro Statische SEO-Website — Kontextpaket
Ein kopierbares Kontextpaket, das eine statische Astro-SEO-Website beschreibt, damit ein KI-Agent von der ersten Eingabe an korrekt darin arbeiten kann.
Next.js SaaS Starter — Kontext-Paket
Kopierbares Kontext-Paket für eine Next.js SaaS-App mit App Router, Better Auth, Stripe billing und Postgres, damit Ihr KI-Agent ab Prompt eins korrekt arbeitet.