PDF Viewer

Baut einen vollausgestatteten PDF.js-Viewer mit Suche, Zoom, Annotationen und Druckfunktion.

Der Prompt

Create a web-based PDF viewer using HTML5, CSS3, JavaScript and PDF.js. Build a clean interface with intuitive navigation controls. Implement page navigation with thumbnails and outline view. Add text search with result highlighting. Include zoom and fit-to-width/height controls. Implement text selection and copying. Add annotation tools including highlights, notes, and drawing. Support document rotation and presentation mode. Include print functionality with options. Create a responsive design that works on all devices. Add document properties and metadata display.

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

Dieser Prompt ist eine Entwickler-Spezifikation für einen webbasierten PDF-Betrachter auf Basis von PDF.js, HTML5, CSS3 und JavaScript. Er deckt Seitennavigation mit Miniaturansichten und Gliederung, Volltextsuche mit Hervorhebung, Zoom- und Anpassungsoptionen, Textauswahl, Annotationswerkzeuge, Rotation, Präsentationsmodus, Druckfunktion und responsives Design ab. Er eignet sich für Entwickler, die einen eigenen, anpassbaren PDF-Viewer statt einer fertigen Bibliothek oder eines Embeds bauen wollen. Da die Anforderungsliste sehr umfangreich ist, liefert ein Sprachmodell meist ein solides Grundgerüst, das schrittweise verfeinert werden muss statt alles auf einmal fertig zu erwarten.

Praxis-Tipp

Lassen Sie sich zunächst nur Kernnavigation und Suche generieren, bevor Sie Annotationen und Präsentationsmodus in separaten Folge-Prompts ergänzen - das hält den Code wartbar.

Lizenz & Quelle

• Lizenz: CC0-1.0 (Public Domain)
• Quelle: awesome-chatgpt-prompts (GitHub)

Lade …