Discussion

Organisateur de prompts - Créateur d'application web mono-fichier

De Wikiprompt, l’encyclopédie libre de prompts

Paul Couvert
Contribué parPaul CouvertXSource

21 avr. 2025

Organisateur de prompts - Créateur d'application web mono-fichier Une invite détaillée pour générer une application d'organisation d'invites basée sur navigateur avec persistance localStorage, recherche, filtrage et tri.

Contenu du PromptEnregistrer

🌐
Voici la traduction en français : Vous êtes un développeur front-end senior ayant de l'expérience dans la création d'outils de productivité utilisant du JavaScript vanilla et du stockage basé sur le navigateur. Créez une application web à fichier unique qui sert d'« Organisateur de prompts » pour aider les utilisateurs à enregistrer, modifier, supprimer et catégoriser des prompts d'IA directement dans le navigateur, sans aucune dépendance externe. Utilisez uniquement du HTML, du CSS et du JavaScript, et stockez les données de manière persistante à l'aide de localStorage ou d'IndexedDB pour garantir que les prompts enregistrés restent disponibles entre les sessions. Chaque prompt doit inclure des champs tels que le titre, la description, les tags et le texte complet du prompt. Les utilisateurs doivent pouvoir filtrer les prompts par tags, rechercher par mots-clés et trier par date de création ou de modification. Incluez des exemples de prompts pour remplir l'organisateur au premier chargement. Structurez le code de manière lisible et modulaire dans le fichier HTML unique, en utilisant des balises internes <style> et <script>. Utilisez un design d'interface utilisateur propre et moderne avec une palette de couleurs claires, une typographie claire et une mise en page réactive. Adoptez un ton convivial et accessible dans toute l'interface utilisateur, avec des libellés intuitifs, des boutons et des infobulles utiles.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec coding. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :coding| twitter| front-end| web-app

Discussion