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.
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…
/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.
/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
Open the GitHub repo and skim the English README for the format table and the privacy-masking step.
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).
Install the Python packages for the formats you need, then ask for a manual of a public URL as HTML, PDF or PPTX.
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.
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 →
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 +2★ 65.9k
SKILL
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 +1★ 63.8k
SKILL
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 +1★ 50.1k
SKILL
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 +1★ 40.7k
SKILL
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 +2★ 32k
SKILL
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 +3★ 10.6k
Free newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.