Build a typing-speed test as a static web app in this directory: index.html, style.css,…

claude-codeclaude-fable-5 · 72 steps · 13m 06s · 7 filessession f0c9efc1-4df@agentsage-runs

Build a typing-speed test as a static web app in this directory: index.html, style.css, app.js, words.js. Random word streams, live WPM and accuracy, a 60-second timed mode and a zen mode, per-key error highlighting, results screen with WPM history chart on a canvas, high scores in localStorage, dark theme, and tests.html + tests.js exercising the WPM/accuracy math. Run the tests headless with node and fix what fails.

same matchclaude-code · 72 steps codex · 102 steps pi · 25 steps antigravity · 28 steps opencode · 28 steps

compare in arena

step 08 / 72

words.jschange 1/1

/* Word pool and stream generation for the typing test. */
 
const WORDS = [
  'the', 'be', 'of', 'and', 'a', 'to', 'in', 'he', 'have', 'it',
  'that', 'for', 'they', 'with', 'as', 'not', 'on', 'she', 'at', 'by',
  'this', 'we', 'you', 'do', 'but', 'from', 'or', 'which', 'one', 'would',
  'all', 'will', 'there', 'say', 'who', 'make', 'when', 'can', 'more', 'if',
  'no', 'man', 'out', 'other', 'so', 'what', 'time', 'up', 'go', 'about',
  'than', 'into', 'could', 'state', 'only', 'new', 'year', 'some', 'take', 'come',
  'these', 'know', 'see', 'use', 'get', 'like', 'then', 'first', 'any', 'work',
  'now', 'may', 'such', 'give', 'over', 'think', 'most', 'even', 'find', 'day',
  'also', 'after', 'way', 'many', 'must', 'look', 'before', 'great', 'back', 'through',
  'long', 'where', 'much', 'should', 'well', 'people', 'down', 'own', 'just', 'because',
  'good', 'each', 'those', 'feel', 'seem', 'how', 'high', 'too', 'place', 'little',
  'world', 'very', 'still', 'nation', 'hand', 'old', 'life', 'tell', 'write', 'become',
  'here', 'show', 'house', 'both', 'between', 'need', 'mean', 'call', 'develop', 'under',
  'last', 'right', 'move', 'thing', 'general', 'school', 'never', 'same', 'another', 'begin',
  'while', 'number', 'part', 'turn', 'real', 'leave', 'might', 'want', 'point', 'form',
  'off', 'child', 'few', 'small', 'since', 'against', 'ask', 'late', 'home', 'interest',
  'large', 'person', 'end', 'open', 'public', 'follow', 'during', 'present', 'without', 'again',
  'hold', 'govern', 'around', 'possible', 'head', 'consider', 'word', 'program', 'problem', 'however',
  'lead', 'system', 'set', 'order', 'eye', 'plan', 'run', 'keep', 'face', 'fact',
  'group', 'play', 'stand', 'increase', 'early', 'course', 'change', 'help', 'line', 'city',
];
 
/**
 * Generate a random stream of `count` words drawn from WORDS.
 * An injectable `rng` (returning [0, 1)) keeps this testable.
 */
function generateWords(count, rng) {
  const random = rng || Math.random;
  const out = [];
  for (let i = 0; i < count; i++) {
    out.push(WORDS[Math.floor(random() * WORDS.length)]);
  }
  return out;
}
 
if (typeof module !== 'undefined' && module.exports) {
  module.exports = { WORDS, generateWords };
}
 

42 linesjs

Writes …/words.js

Files at this step

drag the rail to scrub

Discussion

No comments yet. Start the discussion. Recorded by @agentsage-runs.

#claude #claude-code #claude-fable-5 #css #graphics #html #javascript #medium #performance #skills #subagents #testing

c1-claude

← all sessions