Create an addictive word scramble game where players unscramble jumbled letters to form words. Includes category selection, three difficulty levels based on word length, a hint system that reveals letters one at a time, a 60-second timer, streak bonuses for consecutive correct guesses, and an expandable word database with 50+ words per category.
Build Prompt
Copy this prompt into Claude Code
Build a single-page word scramble game as a static HTML/CSS/JS site. Use a dark theme with background #0f0f17, card surfaces #1a1a2a, and accent color #a855f7 (purple). Center the game on the page with a max-width of 600px.
Start with a menu screen showing the game title "Word Scramble" in large bold text, a category selector, and a difficulty selector. Categories are: Animals, Food, and Countries. Each category has a colored icon (paw for animals in green, utensils for food in orange, globe for countries in blue). Difficulty levels are: Easy (4-letter words), Medium (6-letter words), and Hard (8-letter words). Show a "Start Round" button that begins a 10-word round.
Hardcode a word database as a JavaScript object. Each category must have at least 50 words per difficulty level (450+ words total). For Animals Easy: words like "bear", "deer", "duck", "frog", "goat", "hawk", "lion", "mole", "moth", "newt", "puma", "seal", "slug", "swan", "toad", "wasp", "worm", "crab", "crow", "dove" and 30 more. For Animals Medium: "badger", "beaver", "donkey", "falcon", "ferret", "gerbil", "gibbon", "iguana", "jackal", "jaguar" and 40 more. Similarly populate Food and Countries with real, correctly-spelled words of the appropriate length.
The scramble display shows each letter in an individual rounded box (48px square, #1a1a2a background, white text, monospace font) arranged horizontally with 6px gaps. Letters should have a subtle entrance animation (fade in + slide up, staggered by 50ms per letter). The scrambled order must be different from the original word — if a random shuffle produces the same order, reshuffle.
Below the scrambled letters, show a text input field (full width, large font, centered text, auto-focused) where the player types their guess. Pressing Enter submits the guess. If correct: flash the input border green, show a "Correct!" message with a checkmark animation, award points, and auto-advance to the next word after 1 second. If wrong: shake the input field (CSS keyframe animation, horizontal shake), flash the border red briefly, and let the player try again.
Implement a hint button that reveals one letter at a time in the correct position. The first hint shows the first letter, the second hint shows the last letter, the third shows a random unrevealed letter. Hinted letters appear as green-tinted boxes in a "solution preview" row below the scramble. Each hint costs 5 points (but score can't go below 0). Limit to 3 hints per word.
Timer: a 60-second countdown per word displayed as a horizontal progress bar that depletes left to right, changing color from green to yellow at 30s, to red at 10s. If time runs out, show the correct answer highlighted in green, mark it as missed, and advance after 2 seconds.
Scoring: base score is word length times 10 for a correct answer. Apply a time bonus: remaining seconds multiplied by 2. Streak bonus: consecutive correct answers without using hints earn a multiplier — x1.5 after 3 in a row, x2 after 5 in a row. Display the current streak with a fire emoji and counter in the header. Show an animated score counter in the top-right that visually increments when points are added.
After 10 words, show a round summary: total score, words correct out of 10, average time per word, longest streak, accuracy percentage, and a breakdown showing each word with whether it was solved and how many hints were used. Include "Play Again" (same settings), "Change Category," and "View Stats" buttons.
Stats in localStorage: track total games played, total words solved, best score per category/difficulty, longest ever streak, and a history of the last 20 rounds with dates. Show stats in a modal accessible from the main menu.
Make it responsive: on mobile, letter boxes shrink to 36px, the input field spans full width, and the hint button is easily tappable (min 48px height). Add keyboard focus management so the input is always focused during gameplay.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Drag-and-Drop Letters
Instead of typing, let players drag scrambled letters into position slots. Add snap-to-grid behavior and touch support for mobile.
Multiplayer Race
Add a split-screen mode where two players race to unscramble the same word. First to type it correctly wins the round.
Definition Hints
Instead of revealing letters, show the dictionary definition of the word as a hint. More educational and makes the game feel like a crossword.
Daily Challenge
Generate a daily set of 5 words using the date as a seed. Show a calendar of completed challenges and compare scores globally.
Anagram Mode
Add a mode where the scrambled letters can form multiple valid words. Award bonus points for finding all possible anagrams of the letters.
Custom Word Lists
Let users paste in their own word lists for studying vocabulary, spelling bees, or language learning. Save custom lists to localStorage.
Update Prompt
Update Prompt — Run periodically to refresh data
Open the word scramble game HTML file at the deployed site. Find the word database object that contains arrays of words organized by category (Animals, Food, Countries) and difficulty (Easy, Medium, Hard). Add two new categories to the database: "Sports" and "Technology." Each new category needs at least 50 words per difficulty level (Easy = 4 letters, Medium = 6 letters, Hard = 8 letters). All words must be real, correctly spelled, common English words that fit their category. Also add 15 new words to each existing category at each difficulty level (135 new words for existing categories). Ensure no duplicate words within any category. Update the category selector on the menu screen to include the two new categories with appropriate icons (a ball emoji for Sports in red, a computer emoji for Technology in cyan). Do not modify any game logic, scoring, or styling — only add to the word data and update the category selector UI.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
SEO Tips
Target "word scramble game online" and "unscramble words game" — these keywords have 15K+ monthly searches and attract word game enthusiasts.
Create category-focused pages like "animal word scramble" or "food word scramble for kids" to capture niche educational searches from teachers and parents.
Add FAQ schema answering "What is a word scramble?" and "How do word scramble games help with spelling?" to capture featured snippets.
Target "word games unblocked" — hugely popular with students looking for school-safe browser games. Static HTML passes most network filters.
Write a "Best Free Word Games to Play Online" listicle and feature your scramble game prominently with screenshots and direct links.
Monetization Ideas
Sell themed word packs ($1.99 each) for specialized topics like Medical Terms, Legal Vocabulary, SAT Words, or Foreign Language basics.
Offer a classroom license ($14.99/year) with student progress tracking, custom word lists, and the ability to assign specific categories as homework.
Add non-intrusive ads between rounds — a natural break point that doesn't interrupt the flow of active gameplay.
Create a "Word Scramble API" ($3/month) that serves random scrambled words with hints, letting other developers build their own games on your word database.
Sell a printable word scramble worksheet generator ($4.99) that creates PDF puzzle sheets from your word database for offline classroom use.