image-effects
Skill15 starsChanged 28 days agoMITView on GitHub
This skill applies reusable, versioned visual effects to a text idea or an explicitly attached JPEG or PNG through host-native image generation and, when required, deterministic layout. It should be used when a user asks to browse, select, or execute an effect from the bundled image-effects library.
In this repository27 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- harness/CLAUDE.mdCLAUDE.md
- android-live-photoSkill
- answer-my-questionSkill
- clear-and-brief-outputSkill
- codex-harnessSkill
- codex-quotaSkill
- crafted-webSkill
- create-opsSkill
- essay-polishSkill
- existing-ui-designSkill
- grillingSkill
- happy-app-experienceSkill
- happy-visual-workflowSkill
- mobile-app-interaction-reviewerSkill
- pc-web-interaction-reviewerSkill
- photo-to-styled-motionSkill
- show-meSkill
- skill-usage-auditSkill
- spec-debateSkill
- static-publishSkill
- steelmanSkill
- story-uiSkill
- teach-meSkill
- topic-debateSkill
- video-to-cardsSkill
- web-e2eSkill
The file
Show its rules and text
We split this skill into the rules it gives an agent
17 rules. About 0 are common, 12 are distinctive, and 5 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈12
Distinctive · estimate
This author's own choices. Worth a look.
5
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 12
Every effect request must use the complete <id>@<version> stable reference before execution.
- Very specific: line 13
If the user provides no ID, read references/INDEX.md and recommend at most five relevant effects.
- Very specific: line 14
If the user provides an ID without a version, do not infer or substitute a version.
- Distinctive: line 15
If the ID or version is unknown, return nearby choices from the index and stop.
- Very specific: line 16
After resolving an exact reference, read only its selected card under references/effects/.
- Very specific: line 20
Read the selected card's input_mode, then follow exactly one branch:
- Distinctive: line 27
Do not scan attachment directories, prior messages, history, or nearby files to guess an input.
- Distinctive: line 28
Create a temporary copy only when host transport or deterministic layout requires one.
- Distinctive: line 29
Do not add user input, a private path, or intermediate content to the effect library, Gallery, logs, preview assets, or output metadata.
- Distinctive: line 37
Use the host's native image-generation or image-editing capability with the compiled prompt and the validated image, if present.
- Distinctive: line 38
Keep the selected effect reference and subject constraints unchanged.
- Distinctive: line 39
If no compatible image capability is available, return the complete compiled prompt for the user to copy and clearly state that no image …
- Distinctive: line 43
Before Stage A, verify that the host has both native image generation or editing and local HTML/CSS screenshot capability, or an equivalent …
- Distinctive: line 44
If either capability is missing, generate no intermediate or partial image.
- Distinctive: line 48
Keep text crisp and editable in the layout source, keep the photo anchor truthful, and do not turn the motif into a second rectangular …
- Distinctive: line 50
Do not substitute one execution kind for the other or silently omit a required stage.
- Distinctive: line 54
Use the host's native image delivery path.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Image Effects
Apply one bundled library effect while preserving the selected effect version, input privacy, required execution stages, and host-native delivery. Every effect card is self-contained; do not require or invoke an upstream Skill.
Resolve the effect
- Every effect request must use the complete
<id>@<version>stable reference before execution. - If the user provides no ID, read
references/INDEX.mdand recommend at most five relevant effects. Do not read every effect card to make recommendations. - If the user provides an ID without a version, do not infer or substitute a version. Read
references/INDEX.md, show the matching versioned choices, and require the user to select an exact version before execution. - If the ID or version is unknown, return nearby choices from the index and stop. Do not execute a similar effect automatically.
- After resolving an exact reference, read only its selected card under
references/effects/. Treat that card as the complete behavior and provenance source of truth.
Validate the input
Read the selected card's input_mode, then follow exactly one branch:
image: accept exactly one JPEG or PNG explicitly attached to the current request. Stop before invoking an image tool when there are zero images, multiple images, or an unsupported format.text-or-image: accept either a non-empty text idea with zero images, or one explicitly attached JPEG or PNG with optional text direction. Stop when both the text idea and image are absent, when there is more than one image, or when the image format is unsupported.
For both branches:
- Do not scan attachment directories, prior messages, history, or nearby files to guess an input.
- Create a temporary copy only when host transport or deterministic layout requires one. Delete every temporary copy and intermediate asset when the task ends, including after failure.
- Do not add user input, a private path, or intermediate content to the effect library, Gallery, logs, preview assets, or output metadata.
Execute the effect
Compile the selected card's complete rules together with the user's stated goal. Then follow its execution_kind exactly.
host-image-generation
- Use the host's native image-generation or image-editing capability with the compiled prompt and the validated image, if present.
- Keep the selected effect reference and subject constraints unchanged. If the tool errors or the result violates a hard quality rule, make at most one targeted retry that addresses that specific failure.
- If no compatible image capability is available, return the complete compiled prompt for the user to copy and clearly state that no image was generated. Do not write a prompt file unless requested.
host-image-generation-and-layout
- Before Stage A, verify that the host has both native image generation or editing and local HTML/CSS screenshot capability, or an equivalent deterministic layout-and-rasterization path.
- If either capability is missing, generate no intermediate or partial image. Return the complete motif prompt, Copy Map, output dimensions, composition plan, and a statement naming each missing capability. Do not claim that the final image was produced.
- Stage A and Stage B share one total targeted retry budget across the entire effect. Spend it either on Stage A regeneration after an image-tool error or hard-quality failure, or on Stage B repair and recapture after a layout or screenshot tool error or hard-quality failure, never both. If Stage A spends the budget, report any Stage B failure without another retry. When Stage B spends the budget, do not regenerate an already acceptable motif.
- Stage A generates only the isolated illustrated motif defined by the selected card. Do not ask the image model to render the final page, photo panel, or text.
- Stage B lays out the validated source image as an unchanged photo anchor together with the generated motif, real text from the Copy Map, rules, and color swatches at the card's fixed dimensions. Rasterize with the preflighted screenshot or equivalent deterministic capability, without browser chrome or scrollbars.
- Keep text crisp and editable in the layout source, keep the photo anchor truthful, and do not turn the motif into a second rectangular photograph.
Do not substitute one execution kind for the other or silently omit a required stage. Do not implement a global lock, queue, or concurrency limit; each requested effect output succeeds or fails independently under the host's own execution model.
Deliver the result
Use the host's native image delivery path. When running in Happy and its native image delivery tool is available, send the generated image through that tool. Keep private paths, raw commands, and tool logs out of the final response.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

