Back/Personal/Claude Code
IntermediatePersonalClaude Code

Create a Fast, Accessible AI Spell Checker for Any Website

Build a privacy-focused Chrome extension with a keyboard shortcut (`Ctrl+Shift+S`) to instantly fix typos in any text field using a highly specific AI prompt, ensuring your meaning is never altered.

From How I AI

How I AI: Building Custom AI Accessibility Tools for Slack with Joe McCormick & Claude Code

with Claire Vo

Create a Fast, Accessible AI Spell Checker for Any Website

Tools Used

Claude Code

Claude for coding tasks

02Step-by-Step Guide
1

Define the Keyboard Shortcut

Create a new Chrome extension and configure its manifest file to listen for a global keyboard shortcut, like Ctrl+Shift+S, that will trigger the spell-checking function.

2

Capture Text from Input Field

Write a script that, upon activation, identifies the active text input field on the current webpage and copies all the text it contains.

3

Send Text to AI with a Specific Prompt

Send the captured text to the OpenAI API with a very direct and restrictive prompt to ensure only typos are fixed, without changing vocabulary or tone.

Prompt:
do not change any of the words, just fix typos.
4

Replace the Original Text

Once the AI returns the corrected text, your script should immediately replace the original, typo-filled text in the input field with the new, corrected version.

5

Add Accessibility Feedback

For screen reader users, add an ARIA live region or other mechanism to announce that the action is complete, providing confidence that the text has been corrected before sending.

Pro Tip: A simple auditory confirmation like 'spell check complete' makes the tool much more usable for those with visual impairments.

Start shipping
better products.

Join 100,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.

Free to start
No credit card
SOC 2 certified
Enterprise ready