UI Screenshot Composition
TheGoat395/Codex-SkillsArrange readable product screenshot evidence.
At a glance
This skill is for Design and helps you arrange product screenshots, compose screenshot layouts, and organize visual evidence.
git clone --depth 1 https://github.com/TheGoat395/Codex-Skills
cp -r Codex-Skills/skills/ui-screenshot-composition ~/.claude/skills/ui-screenshot-composition
Setup, runtime and requirements describe TheGoat395/Codex-Skills, the repo this skill ships in.
UiscreenshotsVisual CompositionProduct DocumentationLayoutReadability
Also in TheGoat395/Codex-Skills
View the repoAudit semantic and keyboard accessibility.
Finish accessibility and performance details.
Evaluate agent and skill behavior or routing.
Design memory provenance and tenant isolation.
Resolve agent ownership and handoff design.
Define coherent motion timing and rhythm.
Diagnose a concrete rendered hitch or stutter.
Resolve motion tools or native View Transitions.
Repair interchangeable website design patterns.
Translate brand voice into interface microcopy.
Coordinate rendered behavior and state evidence.
Preserve rollback before materially risky edits.
Other Design skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...
A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...
An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...