Skills for Real Engineers. Straight from my .agents directory.
39 skills
app-docs
Agent skill from
Generate complete user documentation for a web app with screenshots. Browses the app via browser automation, screenshots every screen, and produces a structured user guide with step-by-step instructions, annotated screenshots, workflow diagrams, and reference tables. Supports quick (key screens), standard (all pages), thorough (every state and flow), and exhaustive (publishable documentation suite). Triggers: 'document the app', 'user guide', 'app documentation', 'screenshot docs', 'generate user docs', 'help docs', 'how-to guide', 'write the docs'.
How to install app-docs
install app-docs
# install the claude-skills pack with the skills CLI
npx skills add jezweb/claude-skills# or add only this skill to Claude Code: copy the folder
plugins/dev-tools/skills/app-docs/
# into
~/.claude/skills/app-docs/ (all projects)
.claude/skills/app-docs/ (one project)
1# App Documentation Generator23Browse a running web app, screenshot every screen, and produce documentation good enough to publish. Not a screenshot dump — a structured guide that teaches someone how to use the app.45## Browser Tool Detection67Same as ux-audit — Chrome MCP, Playwright MCP, or playwright-cli.89## URL Resolution1011Same as ux-audit — prefer deployed/live URL over localhost.1213## Depth Levels1415| Depth | Screenshots | What it produces | Duration |16|-------|------------|-----------------|----------|17| **quick** | ~10 | Single-page quick-start guide. Key screens, happy path only. | 10-15 min |18| **standard** | ~30 | Full user guide. All pages, primary workflows, reference tables. | 30-60 min |19| **thorough** | ~80+ | Comprehensive guide. All states, mobile views, every CRUD flow, troubleshooting. | 1-3 hours |20| **exhaustive** | ~150+ | Publishable documentation suite. Everything in thorough plus: getting started tutorial, feature-by-feature deep dives, admin guide, keyboard shortcut reference, FAQ, and HTML version. | 3-6 hours |2122Default: **standard**2324## Workflow2526### 1. Get App Details2728Ask the user:29- **App URL** (required — or auto-detect from wrangler.jsonc / running dev server)30- **App name** (for the guide title)31- **Auth** — Chrome MCP uses their session; Playwright needs credentials32- **Depth** — quick, standard, thorough, or exhaustive33- **Audience** — who reads this? (end users, admins, new team members, clients)3435### 2. Discover All Routes36…
Excerpt shown under the repository's MIT license.
More skills in claude-skills
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills