#Tailwind
17 entrées
Prompt pour ajouter le mode sombre avec Tailwind CSS v4
Prompt d'agent IA pour ajouter un mode sombre adaptatif au système dans une application Next.js utilisant les variables CSS de Tailwind CSS v4 et next-themes, sans flash au chargement.
Prompt pour construire un répertoire d'outils IA avec Next.js
Prompt pour agent IA afin de construire un répertoire d'outils IA avec Next.js, fichiers de données MDX, filtres par catégorie et génération statique.
Prompt pour créer une page de tarification SaaS dans Next.js
Prompt IA prêt à copier-coller pour créer une page de tarification SaaS dans Next.js avec Tailwind, bascule de facturation et données de plan prêtes pour Stripe.
Invite pour construire un site SEO statique avec Astro
Invite à copier-coller pour échafauder un site statique Astro entièrement optimisé avec des collections de contenu, un sitemap, des images OG et TypeScript.
Prompt pour créer un tableau de bord admin dans Next.js
Prompt d'agent IA pour construire un tableau de bord admin protégé dans Next.js avec des tableaux de données, des gardes d'authentification côté serveur et une disposition de barre latérale utilisant Tailwind.
Règles AGENTS.md pour un site statique Astro
Un AGENTS.md prêt à l'emploi pour les sites statiques Astro qui maintient les agents IA dans la pile, évite les dérives SSR et impose les conventions de collecte de contenu.
Règles AGENTS.md pour une application SaaS Next.js
Un fichier AGENTS.md prêt à l'emploi qui maintient les agents de codage IA dans la pile et les conventions d'une base de code SaaS Next.js.
Règles de codage IA pour les performances des sites statiques
Règles AGENTS.md pour les performances des sites statiques qui imposent les Core Web Vitals, l'optimisation des images, le chargement des polices, et empêchent les agents d'envoyer des ressources bloquant le rendu.
Règles Cursor pour Tailwind CSS et shadcn/ui
Règles Cursor qui imposent les conventions Tailwind v4 et les modèles de composants shadcn/ui, empêchant les agents de réinventer des primitives déjà existantes.
Prompt-to-PR: Ajouter une page de tarification
SOP pour générer une page de tarification de production avec bascule mensuelle/annuelle, matrice de fonctionnalités et liens Stripe Checkout dans un projet Next.js Tailwind.
Prompt-to-PR : Ajouter un tableau de données administrateur
SOP pour ajouter un tableau de données administrateur paginé côté serveur, triable et recherchable dans Next.js en utilisant TanStack Table et une requête PostgreSQL — sans magie d'ORM.
Prompt-to-PR : Ajouter le mode sombre
Procédure opérationnelle standard de bout en bout pour ajouter un mode sombre sans scintillement à une application Next.js Tailwind utilisant next-themes — stratégie de classe, préférence système et bascule persistante.
Prompt-to-PR : Créer un site statique SEO avec Astro
SOP complète pour générer un site statique SEO piloté par le contenu avec Astro, Tailwind, collections de contenu MDX, sitemap et balises canoniques à partir de zéro.
Checklist pour la révision de l'interface utilisateur Tailwind générée par l'IA
Une checklist de révision humaine pour les composants d'interface utilisateur Tailwind CSS écrits par des agents de codage IA — accessibilité, réactivité, mode sombre et sécurité de purge.
Répertoire d'outils IA — Pack de contexte
Pack de contexte copiable pour un site de répertoire d'outils IA construit avec Astro et PostgreSQL, afin que les agents comprennent le flux de soumission, le système de balisage et le modèle de contenu dès le premier prompt.
Pack de contexte pour site SEO statique Astro
Un pack de contexte copiable décrivant un site SEO statique Astro afin qu'un agent IA puisse y travailler correctement dès la première invite.
Next.js SaaS Starter — Pack de Contexte
Pack de contexte copiable pour une application SaaS Next.js avec App Router, Better Auth, facturation Stripe et Postgres afin que votre agent IA fonctionne correctement dès la première invite.