claude-word

📝 Claude Word

A full-featured Microsoft Word-like application — built entirely by an AI in a single conversation.

⚔️ The Challenge

It started as a bet.

Someone told a user that an LLM couldn’t build a real application like Microsoft Word. Not a toy. Not a demo. A real word processor — with a ribbon toolbar, formatting, tables, multiple file formats, the works.

The user’s response?

“I’m going home to Claude me a Word app.”

🤖 Claude’s Response

Challenge accepted. Challenge crushed. 🏆

No hesitation. No “I’ll try my best.” Just:

“Oh, I am absolutely up for this challenge.”

And then Claude built it. In one shot. A complete, production-grade word processor running in a single HTML file — no frameworks, no build tools, no backend. Just pure HTML, CSS, and JavaScript, delivered instantly.

✨ Features

Ribbon Interface (just like the real thing)

5 ribbon tabs — Home, Insert, Layout, Review, View
Quick Access Toolbar — New, Open, Save, Save As, Undo, Redo, Print
Title bar that auto-updates with your document’s first line

Formatting (Home Tab)

Font family selector (12 fonts) + font size
Bold, Italic, Underline, ~~Strikethrough~~, Subscript, Superscript
Text color & highlight color pickers
Paragraph alignment — Left, Center, Right, Justify
Bullet & numbered lists, indent/outdent
Heading styles — H1, H2, H3, Quote, Code Block, Normal

Insert Tab

Table picker — hover a grid to choose rows × columns
Image insertion via URL
Hyperlinks, horizontal rules, page breaks
Date/time stamp, special symbols (©, ™, →, —, •)

Layout Tab

Margins — Normal, Narrow, Wide
Page orientation — Portrait / Landscape
Column layout — 1, 2, or 3 columns

Review Tab

Spell Check Dialog — walks through errors one-by-one with suggestions, ignore, add-to-dictionary, change, and change-all actions
Built-in dictionary with ~3,000+ base words and automatic suffix expansion
Edit-distance-based spelling suggestions
Custom user dictionary (add words during spell check)
Word count popup (words, characters, lines, paragraphs)
Find & Replace panel (with Replace All)

View Tab

Zoom slider (50% – 200%)
Dark mode toggle
Add new pages
Clippy Assistant — a classic animated paperclip helper with contextual tips, eye tracking, draggable positioning, and milestone celebrations

File Operations

Action	Shortcut	Description
New	`Ctrl+N`	Fresh document with unsaved-changes warning
Open	`Ctrl+O`	Opens `.html`, `.htm`, `.txt`, `.md`, `.markdown`
Save	`Ctrl+S`	Quick-save as HTML
Save As…	`Ctrl+Shift+S`	Full Save As dialog

Save As formats:

🌐 Web Page (.html) — Full fidelity, reopens perfectly in Claude Word
📄 Plain Text (.txt) — Just the words, no markup
⬇️ Markdown (.md) — GitHub-flavored markdown conversion
📋 Rich Text (.rtf) — Opens in Microsoft Word, LibreOffice, etc.

Clippy Assistant (View Tab)

Toggle on/off from the View ribbon tab
Animated SVG paperclip character with eye-tracking (follows your mouse!)
Click Clippy for rotating tips about features and keyboard shortcuts
Contextual reactions at word count milestones (100, 500, 1,000 words)
Draggable — grab and reposition anywhere on screen
Blink animation for a lifelike feel
Dismiss speech bubbles with the × button

Spell Check Dialog (Review Tab)

Full step-through spell check — walks through each misspelled word in context
Suggestions powered by edit-distance algorithm
Ignore Once / Ignore All — skip words without changing them
Add to Dictionary — teach the spell checker new words for the session
Change / Change All — replace one or all occurrences
Built-in dictionary of ~3,000+ base words with automatic suffix expansion (~30,000+ recognized forms)
Proper nouns, acronyms, and numbers are automatically accepted
Clippy integration — Clippy reacts to spell check results when visible

Status Bar

Live word count, character count, selection count
Zoom control with +/– buttons and a slider
Page count indicator

🚀 Getting Started

No installation. No npm install. No build step. Just open it.

git clone https://github.com/jefferyedwards/claude-word.git
cd claude-word
open claude-word.html   # macOS
# or
start claude-word.html  # Windows
# or just double-click the file

Or use the live hosted version instantly in your browser:

🔗 https://jefferyedwards.github.io/claude-word/claude-word.html

🏗️ Architecture

claude-word/
├── claude-word.html    ← The entire application (single file!)
├── README.md
├── LICENSE
└── docs/
    └── FEATURES.md

One file. The whole app. No dependencies. No build pipeline. No node_modules black hole eating your disk. Just a single .html file you can email to someone and it works.

⚡ Quick Wins — Done by Claude, Hands-Free

After the repo was pushed to GitHub, the user asked Claude to handle a few polish items. Using the Claude in Chrome browser extension, Claude operated the browser completely autonomously — no copy/paste, no manual instructions. The user just said “Can you do the Quick Wins for me?” and watched it happen.

Here’s exactly what Claude did:

1. 🌐 GitHub Pages — Live Hosted App

GitHub had already auto-detected the HTML file and created a deployment. Claude navigated directly to the live URL to confirm it was running:

🔗 https://jefferyedwards.github.io/claude-word/claude-word.html

The app runs in any browser — no install, no server, no build step.

2. 🏷️ Repository Topics & Description

Claude opened the Edit repository details panel on GitHub and:

Added a punchy description: “A full MS Word-like app built entirely by Claude AI in a single conversation. Challenge accepted. Challenge crushed. 🏆”
Enabled the GitHub Pages website link in the About section
Added 8 topic tags so the repo shows up in searches:

Topic	Topic	Topic	Topic
`word-processor`	`html`	`javascript`	`ai-generated`
`claude`	`anthropic`	`single-file`	`no-dependencies`

3. 📝 This README Update

Claude then updated this very README — through the browser, editing it on GitHub directly — to document everything above. You’re reading the result right now. 👋

🧠 The Full Conversation (Turn by Turn)

Turn	Human	Claude
1	“I was given a challenge that I couldn’t get an LLM to generate an application like MS Word… Are you up for the challenge?”	“Challenge accepted!” → Builds full app in one shot
2	“Can you add ability to open files and save files…“	Adds Open/Save/Save As with 4 formats, toasts, shortcuts
3	“Can you create a Git project with README…“	Creates full Git repo with this README
4	“Link to your project on GitHub”	Verifies the live repo at github.com/jefferyedwards/claude-word
5	“Can you do the Quick Wins for me?”	Opens browser autonomously via Claude in Chrome, navigates GitHub, adds description + topics + confirms GitHub Pages
6	“Please update readme on how you did the quick steps”	Updates README to document the whole story — autonomously, via the browser
7	“Continue”	Pushes the README update live to GitHub. Done. ✅

🎯 Keyboard Shortcuts

Shortcut	Action
`Ctrl+N`	New document
`Ctrl+O`	Open file
`Ctrl+S`	Save
`Ctrl+Shift+S`	Save As
`Ctrl+P`	Print
`Ctrl+Z`	Undo
`Ctrl+Y`	Redo
`Ctrl+B`	Bold
`Ctrl+I`	Italic
`Ctrl+U`	Underline
`Ctrl+L`	Align Left
`Ctrl+E`	Center
`Ctrl+R`	Align Right
`Ctrl+J`	Justify
`Ctrl+A`	Select All
`Ctrl+H`	Find & Replace

📄 License

MIT License — do whatever you want with it.

🤝 Contributing

PRs welcome! Some ideas for the adventurous:

💬 The Last Word

To whoever said an LLM couldn’t build a word processor:

Bet’s over. 😄

Built with Claude by Anthropic · March 2026

This site is open source. Improve this page.