Typing Speed Test

Baut eine interaktive Tippgeschwindigkeits-Test-App mit WPM-Messung, Verlauf und Mehrspieler-Modus.

Der Prompt

Build an interactive typing speed test using HTML5, CSS3, and JavaScript. Create a clean interface with text display and input area. Implement WPM and accuracy calculation in real-time. Add difficulty levels with appropriate text selection. Include error highlighting and correction tracking. Implement test history with performance graphs. Add custom test creation with text import. Include virtual keyboard display showing keypresses. Support multiple languages and keyboard layouts. Create a responsive design for all devices. Add competition mode with leaderboards.

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

Der Prompt beauftragt den Bau einer kompletten Tippgeschwindigkeits-Test-Anwendung mit HTML5, CSS3 und JavaScript: WPM- und Genauigkeitsmessung in Echtzeit, Schwierigkeitsstufen, Fehlermarkierung, Verlaufsgrafiken, virtuelle Tastatur, Mehrsprachigkeit, responsives Design und sogar einen Wettbewerbsmodus mit Bestenliste. Das macht ihn zu einem guten Startpunkt für ein Entwickler-Portfolioprojekt oder internes Tool. Realistisch ist aber, dass ein einzelner Durchlauf nicht alle diese Funktionen fehlerfrei auf einmal liefert, da die Liste sehr umfangreich ist. Besser funktioniert es, das Grundgerüst zuerst zu generieren und danach Feature für Feature nachzufordern.

Praxis-Tipp

Lassen Sie zunächst nur Textanzeige, Eingabefeld und WPM-Berechnung bauen, und fordern Sie Verlaufsgrafik, virtuelle Tastatur oder Bestenliste erst in weiteren Schritten an.

Siehe auch

• Automated Text Typing Every 5 Minutes with Python

Lizenz & Quelle

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

Lade …