Skip to content
Get Friday PicksSubmit

screen-manual: annotated screenshot manuals for any web app

A Claude Code and Codex skill that opens a web app, captures each scene, draws numbered marks on what matters, writes one short callout per mark, and exports an editable manual as HTML, PDF, PPTX, HWPX, DOCX or Markdown, in Korean or English.

In short: A Claude Code and Codex skill that opens a web app, captures each scene, draws numbered marks on what matters, writes one short callout per mark, and exports an editable manual as HTML, PDF, PPTX, HWPX, DOCX or Markdown, in Korean or English. It is a free skill for people who use Claude Code or Codex and want help with work & operations.

Checked on · Added

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
GitHub repoOpen sourceDHKIM0207/screen-manual
screen-manual: annotated screenshot manuals for any web app

Image: from the GitHub README, shown with credit.

Try it in 60 seconds

npx skills add DHKIM0207/screen-manual -g -a claude-code -a codex -y
claude plugin install screen-manual --marketplace DHKIM0207/screen-manual
pip install Pillow python-pptx python-docx "python-hwpx>=2.8,<2.9" playwright

Install command copied from the project README. Check the README for the latest version.

What it does

A Claude Code and Codex skill that opens a web app, captures each scene, draws numbered marks on what matters, writes one short callout per mark, and exports an editable manual as HTML, PDF, PPTX, HWPX, DOCX or Markdown, in Korean or English.

Give screen-manual a URL and ask for a manual. It plans the scenes, captures each screen with the browser tool you have (or a bundled Playwright fallback), draws numbered marks on the parts that matter, writes one short…

Short excerpt from the README of DHKIM0207/screen-manual. Read the full README on GitHub.

Inside the repo

InstallUpdateUseWhat's insideLicense

A prompt to try

/screen-manual Make an English manual for https://demo.playwright.dev/todomvc/ as PDF and PPTX. Plan the scenes first, then capture, mark and export.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo and skim the English README for the format table and the privacy-masking step.
  2. Install with: npx skills add DHKIM0207/screen-manual -g -a claude-code -a codex -y (or claude plugin install screen-manual --marketplace DHKIM0207/screen-manual).
  3. Install the Python packages for the formats you need, then ask for a manual of a public URL as HTML, PDF or PPTX.
  4. When a page needs a login, sign in yourself; when it asks which personal data to blur, pick only what should be masked, then open the finished files.

Watch out for

The skill never types your passwords. It asks every time which personal data to blur and only masks what you pick. Brand-new repo with few stars. Captures use a browser tool or a bundled Playwright fallback.

Docs, demos & materials

Common questions

What does screen-manual do?

A Claude Code and Codex skill that opens a web app, captures each scene, draws numbered marks on what matters, writes one short callout per mark, and exports an editable manual as HTML, PDF, PPTX, HWPX, DOCX or Markdown, in Korean or English.

Which AI agents can use screen-manual?

It works with Claude Code and Codex. The code is on GitHub at DHKIM0207/screen-manual.

Is screen-manual free?

Free & open source (MIT). No account or API key. Install needs Node.js 22.20+ (or the Claude Code plugin path without Node). Building manuals needs Python 3.10+ plus Pillow, python-pptx, python-docx, python-hwpx and Playwright; PDF and the fallback browser use Chrome, Edge or a Playwright Chromium.

How do I install screen-manual?

Run the install command from the README: “npx skills add DHKIM0207/screen-manual -g -a claude-code -a codex -y”. Check the README on GitHub for the latest version, then follow the steps on this page.

Is screen-manual safe to install?

We read 29 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine. How to check a skill before you install it →

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Work & Operations

See all Work & Operations entries →

Related

PPT Master: documents into editable PowerPoint decks thumbnailSKILL

PPT Master: documents into editable PowerPoint decks

Give your agent a PDF, Word file, web page or just a topic and it builds a real .pptx you can keep editing in PowerPoint: native shapes, charts backed by data, tables, speaker notes and transitions, not flat pictures of slides.

Claude Code logoCodex logoCursor logoClaude Code +2★ 65.9k
AI Job Search: a job hunt run by Claude Code thumbnailSKILL

AI Job Search: a job hunt run by Claude Code

Fill in your profile once, then let Claude Code search job boards, score each posting against you, and write a tailored CV and cover letter that a second agent reviews.

Claude Code logoCodex logoClaude Code +1★ 63.8k
obsidian-skills: teach your agent to work in Obsidian thumbnailSKILL

obsidian-skills: teach your agent to work in Obsidian

Skills written by Obsidian's own CEO so Claude Code or Codex writes proper Obsidian notes, builds Bases tables and Canvas boards, and runs vault tasks through the Obsidian CLI instead of guessing the format.

Claude Code logoCodex logoClaude Code +1★ 50.1k
Claude for Financial Services: Anthropic's finance agents thumbnailSKILL

Claude for Financial Services: Anthropic's finance agents

Anthropic's reference agents and skills for finance teams: build comps, DCF and LBO models, draft pitch decks and earnings notes, reconcile ledgers, close the month and screen KYC files, with every output staged for a person to sign off.

Claude Cowork logoClaude Code logoClaude Cowork +1★ 40.7k
Knowledge Work Plugins: Anthropic's role packs for Claude thumbnailSKILL

Knowledge Work Plugins: Anthropic's role packs for Claude

Anthropic's official plugins that make Claude work like a specialist in a given role: sales call prep, support ticket triage, contract review, month-end finance tasks, SQL and dashboards, specs and roadmaps, each with its own skills, commands and tool connectors.

Claude Cowork logoClaude Code logoClaude logoClaude Cowork +2★ 32k
GenOffice: real Word, Excel and PowerPoint files from your agent thumbnailSKILL

GenOffice: real Word, Excel and PowerPoint files from your agent

A free, open-source office suite that ships a genoffice command line and an agent skill, so your coding agent can create, read, convert and edit real .docx, .xlsx and .pptx files on your computer, with live spreadsheet formulas and decks that stay editable.

Claude Code logoCodex logoCursor logoClaude Code +3★ 10.6k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.