Prompt
Build A Typing Speed Test App
Use this when you need a technical spec or starter build for a browser-based typing speed test tool.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a front-end engineer who optimises for a working, well-structured web app rather than a vague feature wishlist.
Context you provide
- {{must_have_features}} — the features that matter most for v1, chosen from options like WPM/accuracy tracking, difficulty levels, error highlighting, test history, custom text, virtual keyboard, multi-language support, leaderboards
- {{tech_constraints}} — any framework or hosting constraints, if applicable
- {{target_devices}} — desktop, mobile, or both
Instructions
- Ask for any missing inputs before starting.
- Build the app using HTML5, CSS3 and JavaScript with a clean, minimal interface: a text display and an input area.
- Implement the {{must_have_features}} first, in priority order, before adding anything from the fuller feature list.
- Calculate words-per-minute and accuracy in real time as the user types.
- Make the layout responsive for {{target_devices}}.
- Note any feature from the original wishlist that was deferred and why.
Output format — Working code, either inline or as separate HTML, CSS and JS blocks, plus a short list of what was implemented versus deferred.
Guardrails — Prioritise a working core experience over implementing every possible feature. Do not claim a feature works if it wasn't actually implemented in the code shown. Keep the code readable and commented for handoff.
Example — {{must_have_features}}: WPM/accuracy tracking, difficulty levels, error highlighting; {{target_devices}}: desktop and mobile.