Erstelle eine Prompt-Organizer-Web-App
Von Wikiprompt, der freien Prompt-Enzyklopädie
Erstelle eine Prompt-Organizer-Web-App Ein detaillierter Prompt zur Erstellung einer Single-File-Web-App zur Verwaltung von KI-Prompts mit lokalem Speicher, Suche, Tagging und einem spezifischen UI-Layout.
Prompt-InhaltSpeichern
🌐
Build the following app. Think shortly about its features and how to build it but zero code should be part of your thinking process:
App Name: Prompt Organizer
Core Purpose:
A web-based tool that helps users save, edit, delete, and categorize AI prompts directly in the browser.
Key Features:
- Local storage-based
- Uses localStorage or IndexedDB for persistence across sessions.
Prompt Management:
Save prompts with:
- Title
- Description
- Tags
- Full prompt text
Edit existing prompts
Delete prompts
View prompts in bento format
Organization & Search:
- Tag-based filtering in an horizontal list
- Full-text search by keywords
Sort by:
- Date created
- Date modified
UI Design:
Single-file app (all in one HTML file)
Clean, modern, and responsive layout
White background
Layout: "Prompt Organizer" title left aligned on top, search icon right aligned (mobile), search bar right aligned (desktop), tags filters in an horizontal list below, a "+" black icon on the bottom right corner.
Initial Setup:
- Populates with example prompts on first load
- All logic handled in vanilla HTML, CSS, and JavaScript
- No external libraries or dependencies
Melde dich an, um den vollständigen Prompt zu sehen
Weiter mit:
Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz
Verwendung
Dieser Prompt ist für die Verwendung mit coding gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.
Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.
Referenzen
- Kategorie: coding-Prompts
- Quelle: https://x.com/itsPaulAi/status/1917638660586967410
Diskussion
0 Kommentare