{
  "markdown": "# CUJ Screenshots - Gemini CLI Extension\n\n> **⚠️ Personal Hobby Project** — This is an independent, personal project by [Alan Blount](https://github.com/zeroasterisk). It is **not affiliated with, endorsed by, or supported by any employer, company, or organization**. No warranty; use at your own risk.\n\n\nCapture Critical User Journey (CUJ) screenshots and GIFs from web apps using headless Chromium.\n\n## Installation\n\n```bash\ngemini extensions install https://github.com/zeroasterisk/gemini-cuj-screenshots\n```\n\nOr for local development:\n```bash\ngit clone https://github.com/zeroasterisk/gemini-cuj-screenshots\ncd gemini-cuj-screenshots\ngemini extensions link .\n```\n\n## What It Does\n\n1. Launches headless Chromium via Playwright\n2. Navigates through defined user journeys\n3. Captures screenshots at each step\n4. Stitches screenshots into animated GIFs\n5. Outputs to docs folder for commit\n\n## Prerequisites\n\n- **Python 3.10+**\n- **Playwright**: `pip install playwright && playwright install chromium`\n- **ImageMagick**: For GIF creation\n  - macOS: `brew install imagemagick`\n  - Ubuntu: `sudo apt install imagemagick`\n  - Fedora: `sudo dnf install ImageMagick`\n\n## Usage\n\nAfter installing the extension, Gemini CLI will automatically use this skill when you:\n- Make UI changes and want to verify them visually\n- Need to create demo GIFs\n- Want to document user flows\n\nJust ask Gemini to \"capture the CUJ\" or \"take screenshots of the app tour.\"\n\n## Manual Capture\n\nRun the included script:\n```bash\nuv run --with playwright python skills/cuj-screenshots/scripts/capture-cujs.py\n```\n\n## The Dev Loop\n\n```\nMake UI change → Run CUJs → Review screenshots → \n  ├─ Looks good? → Update GIFs, commit, share link\n  └─ Looks wrong? → Fix bug, repeat\n```\n\n## Files\n\n- `gemini-extension.json` - Extension manifest\n- `GEMINI.md` - Context provided to Gemini in every session\n- `skills/cuj-screenshots/SKILL.md` - Detailed skill documentation\n- `skills/cuj-screenshots/scripts/capture-cujs.py` - Capture script with prerequisite checks\n\n## Also Available As\n\n- **npx skills**: `npx skills add zeroasterisk/zaf --skill cuj-screenshots`\n- **Gist**: https://gist.github.com/zeroasterisk/3a4a53e02a251cb312256c0c9a5e8c9a\n\n## License\n\nApache 2.0\n",
  "bytes": 2227,
  "sha": "79b02bbe05739bd833ccebf0662b4d2bd493004520c859155fa1b05babefdfc0",
  "repo_slug": "zeroasterisk/gemini-cuj-screenshots",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_zeroasterisk_gemini_cuj_screenshots_897e074b/readme"
}