Make example gallery
Skill workingclassbuddha/codexmaxxing/skills/make-example-gallery
UI skills for Codex: design passes, browser automation, screenshots, responsive checks, and evidence packs.
npx -y skills add workingclassbuddha/codexmaxxing --skill make-example-galleryAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Create small visual examples for READMEs, docs, portfolios, skill packs, demos, and GitHub repositories. Use when Codex needs generic screenshots, SVG cards, diagrams, thumbnails, sample galleries, before/after visuals, or documentation images that explain a workflow without exposing private product details.
SKILL.md
1.4 KB, as published. Nobody here has run it
Make Example Gallery
Use this skill to make examples visible without leaking private implementation value. Prefer simple diagrams and cards over fake proprietary screenshots.
Workflow
- Decide what the gallery should prove: workflow, UI state, architecture, test evidence, or before/after quality.
- Use generic labels and synthetic data.
- Create 2-5 images, each with one idea.
- Store images under
examples/images/or the repo's existing docs asset folder. - Link the images from README or docs.
- Add alt text that describes the image and its purpose.
Visual Rules
- Avoid company names, internal repo paths, real customer data, account IDs, dashboards, tokens, or unreleased architecture.
- Use generic names:
Demo App,Local Runtime,Evidence Pack,UI Flow. - Keep text large enough for GitHub preview.
- Prefer SVG for diagrams and cards; use PNG only when a browser/render screenshot is the proof.
Resources
- Run
scripts/make_gallery_svg.py --out examples/imagesfor starter SVG example cards. - Read
references/gallery-patterns.mdfor safe gallery patterns.