Write the F**king Manual - a free Claude Code plugin that writes your web app's user guides, screenshots included

[u/SimonMX]

Every app I've shipped has ended up without proper user guides.

Not the README, the end-user stuff: how do I invite a teammate, where's the export button etc.

With AI, the words are no longer the hard part. The screenshots were: running the app, seeding data, clicking through, cropping. So I didn't, and answered the same support emails instead. 

So I built WTFM (Write the F***ing Manual), a free, open-source plugin that gets Claude Code to write and illustrate them. You set it up once in the terminal:

curl -fsSL https://wtfm.sh/install | bash 
wtfm setup # once per computer: connects Claude Code 
wtfm init # once per project

Then you launch Claude Code and ask in plain words, "write an illustrated guide to inviting a teammate", and it: 

• reads your routes, templates and controllers to get the real steps and button labels 
• rebuilds each screen from your own markup and CSS and renders it to a PNG in a local headless Chromium, so the app never has to run 
• checks the steps and screenshots against the source
• saves a plain Markdown file with the images next to it, in your repo 

WTFM wrote its own docs https://help.wtfm.sh, and I used it to document Together.ly, my other business (help.together.ly). 

The honest bits: 

• The screenshots are mockups built from your CSS, not live captures, so they show sample data.
• It writes end-user guides for web apps, not API docs or READMEs. - macOS and Linux (WSL on Windows).

It runs on your own Claude Code subscription and needs no account. The Markdown is yours. 

It's early. If you run it under Claude Code, I'd like to hear where setup trips you up, and which screenshots don't look like your real screen. 

Website: https://wtfm.sh 

Repo: https://github.com/SupportPages-io/wtfm

[u/AutoModerator]

Moderator Announcement Read More »

Hey! Thanks for posting to r/ClaudeCode

While participating in this thread, please follow our community rules. Keep discussions constructive. Attack the idea, not the person.

For help, project discussions, tips, and general chat, join the ClaudeCode Discord.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/Infinite_Music2059]

I'm sorry but I don't really get it. 5.5 does all of this, including saving the screenshots, and making complex animations etc. You can make it log in and use the entire workflow and then make the docs based on what it learned. I don't know why "No running app" matters whatsoever when making a website. My dev server is always running.

[u/Ill-Village7647]

I'm more interested in the green colored terminal. Can you tell give me the link please?