markdown-illustrator
Skill3 starsChanged 40 days agoMITView on GitHub
Use when the user references a Markdown file and wants one hero, cover, keynote-opener, visual-digest, or illustration prompt derived from it, including whiteboard, blackboard, or named image-model styling. Do not trigger for image generation itself or general Markdown summarization.
1 other project uses a version of this.
Adopted by
Most recently taken up by
- huangserva/servasyy_skillstheir own version, first seen Feb 5, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 1
- huangserva/servasyy_skills★ 168same name
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository22 other files it gives its agents.
- AGENTS.mdAGENTS.md
- agent-smithSkill
- dotnet-benchmarkSkill
- dotnet-change-impactSkill
- dotnet-docfx-digestSkill
- dotnet-new-app-slnxSkill
- dotnet-new-lib-slnxSkill
- dotnet-nuget-updateSkill
- dotnet-remote-testingSkill
- dotnet-segregated-assetsSkill
- dotnet-strong-name-signingSkill
- dotnet-testSkill
- git-keep-a-changelogSkill
- git-nuget-readmeSkill
- git-nuget-release-notesSkill
- git-remote-prSkill
- git-remote-releaseSkill
- git-repo-digestSkill
- git-visual-commitsSkill
- git-visual-squash-summarySkill
- skill-creator-agnosticSkill
- trunk-first-repoSkill
The file
Show its rules and text
We split this skill into the rules it gives an agent
42 rules. About 0 are common, 24 are distinctive, and 18 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈24
Distinctive · estimate
This author's own choices. Worth a look.
18
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 15
Keep the workflow narrow by default: one document-wide visual interpretation, one shared summary, one final prompt, direct chat response.
- Distinctive: line 16
Use the Visual Brief as the anchor for the final prompt.
- Distinctive: line 17
Default to best-effort reasoning across diffusers.
- Distinctive: line 18
Treat final prompt generation like prompt compilation: preserve intent, but strengthen clarity, structure, physical grounding, and …
- Distinctive: line 19
Do not turn visual strategy into a questionnaire.
- Distinctive: line 20
Default to de-duplicated composition.
- Very specific: line 46
Follow the documented procedure in this file in order: Reading the Markdown -> Writing the Visual Brief -> Inferring Visual Strategy -> …
- Distinctive: line 48
Read the referenced markdown file for meaning, not for headings.
- Very specific: line 53
If the user explicitly asked for constraints such as Flux, photorealistic, editorial illustration, 16:9, avoid people, whiteboard, or …
- Distinctive: line 65
Do not mirror every section.
- Distinctive: line 71
Write the summary for visualization, not for literary analysis.
- Distinctive: line 73
Subject: should identify what the image is fundamentally about.
- Distinctive: line 74
Audience: should clarify how polished, technical, aspirational, or educational the image should feel.
- Distinctive: line 75
Core narrative: should name the movement or tension, such as migration, orchestration, discovery, simplification, growth, launch, or …
- Distinctive: line 76
Visual opportunity: should identify the strongest scene or metaphor, not a style label.
- Distinctive: line 77
Mood: should guide lighting, composition energy, and texture.
- Distinctive: line 78
Must-show elements: should name only the elements that materially improve recognition and fidelity.
- Distinctive: line 79
Avoid: should protect against misleading clichés, irrelevant detail, or flat literalism.
- Very specific: line 86
Use hero for requests such as hero image, breathtaking, cinematic, launch, raise interest, or when no stronger signal exists.
- Very specific: line 87
Use digest for requests such as digest, overview, summary, onboarding, or explain.
- Very specific: line 88
Use diagram for requests such as diagram, systems, process, architecture, workflow, or pipeline.
- Very specific: line 89
Use cover for requests such as cover image, keynote opener, poster, or editorial cover.
- Very specific: line 93
Use concept-led for wow, hero, cinematic, breathtaking, desirable, or raise interest.
- Very specific: line 94
Use balanced for digest, overview, onboarding, educational, or systems.
- Very specific: line 95
Use literal only when the user explicitly asks for faithful, exact, or direct process depiction.
- Very specific: line 96
Default to concept-led for hero and cover, and balanced for digest and diagram.
- Very specific: line 98
Use none or minimal for hero, cinematic, minimal text, or infographic-first.
- Very specific: line 99
Use academic for scientific, textbook, educational diagram, or explicit labeling requests.
- Distinctive: line 101
Aspect ratio: prefer wide compositions.
- Very specific: line 104
Use 3:2 when the composition feels more editorial, poster-like, or object-centered and slightly less panoramic framing improves clarity.
- Very specific: line 105
Avoid defaulting to 1:1 unless the user explicitly asks for it.
- Very specific: line 107
Keep the output contract unchanged: always return both Visual Brief and Final Prompt unless the user explicitly asks for prompt-only output.
- Distinctive: line 111
Write one vivid prompt paragraph that another agent or human can paste into a diffuser.
- Distinctive: line 116
Prefer natural language over vendor-specific syntax.
- Distinctive: line 120
Use best-effort reasoning to choose the strongest visual treatment for the document.
- Distinctive: line 126
Use the inferred strategy to bias the image strongly instead of asking for clarification.
- Distinctive: line 132
Prefer one authoritative artifact over repeated fragments.
- Distinctive: line 133
Add cognitive structure when relevant, but use embedded text sparingly.
- Distinctive: line 134
If labels or annotations are truly necessary, keep them very short, secondary, and non-critical to success.
- Very specific: line 139
Add negative constraints directly into the prompt to prevent failure modes, using phrases like no clutter, no chaos, no unnecessary …
- Very specific: line 140
Add anti-repetition constraints by default, especially for structured visuals.
- Very specific: line 141
When text rendering is a risk, add a direct steer such as no gibberish text, no fake words, no dense paragraphs, or minimal legible labels …
≈ “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
Markdown Illustrator
This skill reads a markdown file and answers directly in chat with one visualization-focused Visual Brief plus one final prompt compiled to be concrete, readable, and diffusion-ready.
Critical
- Keep the workflow narrow by default: one document-wide visual interpretation, one shared summary, one final prompt, direct chat response.
- Use the Visual Brief as the anchor for the final prompt.
- Default to best-effort reasoning across diffusers. Only become narrower or model-specific when the user explicitly asks.
- Treat final prompt generation like prompt compilation: preserve intent, but strengthen clarity, structure, physical grounding, and renderability.
- Do not turn visual strategy into a questionnaire. Infer a small set of visual defaults and proceed unless the user explicitly asks to steer them.
- Default to de-duplicated composition. Show each major concept, phase, label, callout, panel, or document fragment once unless the user explicitly asks for repetition, comparison, or multi-panel variation.
Output Contract
Return this structure directly in chat:
## Visual Brief
**Subject:** [one-sentence description of what the document is truly about]
**Audience:** [who the document is for]
**Core narrative:** [the tension, movement, or transformation inside the document]
**Visual opportunity:** [the most compelling scene, metaphor, or spatial idea to visualize]
**Mood:** [the emotional tone the image should carry]
**Must-show elements:** [3-6 concrete visual anchors that belong in the image]
**Avoid:** [things that would misrepresent or weaken the image]
## Final Prompt
[one production-ready prompt paragraph]The Visual Brief is the anchor. The final prompt is the best single visual interpretation of that shared meaning.
Workflow
Follow the documented procedure in this file in order: Reading the Markdown -> Writing the Visual Brief -> Inferring Visual Strategy -> Compiling the Final Prompt.
- Read the referenced markdown file for meaning, not for headings.
- Distill the whole document into a Visual Brief optimized for visualization.
- Infer a compact visual strategy from the request and document without asking follow-up questions.
- Generate one best-effort final prompt from that summary and strategy.
- Return the result directly in chat.
- If the user explicitly asked for constraints such as
Flux,photorealistic,editorial illustration,16:9,avoid people,whiteboard, orblackboard, honor them inside the final prompt without turning the interaction into a selection flow.
Reading the Markdown
Extract:
- the real subject of the document
- the intended audience
- the central transformation, conflict, or promise
- recurring symbols, systems, environments, or objects
- the emotional energy the image should carry
Do not mirror every section. Distill the document into one image-worthy idea.
Ignore headings that are structural only, such as Table of Contents, References, or appendices, unless the user explicitly wants them reflected.
Writing the Visual Brief
Write the summary for visualization, not for literary analysis.
- Subject should identify what the image is fundamentally about.
- Audience should clarify how polished, technical, aspirational, or educational the image should feel.
- Core narrative should name the movement or tension, such as migration, orchestration, discovery, simplification, growth, launch, or coordination.
- Visual opportunity should identify the strongest scene or metaphor, not a style label.
- Mood should guide lighting, composition energy, and texture.
- Must-show elements should name only the elements that materially improve recognition and fidelity.
- Avoid should protect against misleading clichés, irrelevant detail, or flat literalism.
Inferring Visual Strategy
Infer these dimensions silently. Do not present them as a menu.
- Intent: choose
hero,digest,diagram, orcover.- Use
herofor requests such ashero image,breathtaking,cinematic,launch,raise interest, or when no stronger signal exists. - Use
digestfor requests such asdigest,overview,summary,onboarding, orexplain. - Use
diagramfor requests such asdiagram,systems,process,architecture,workflow, orpipeline. - Use
coverfor requests such ascover image,keynote opener,poster, oreditorial cover.
- Use
- Visual treatment: preserve explicit user styles such as
whiteboard,blackboard,scientific,hand-drawn,isometric, orminimal line art. If the user gives no style signal, default tocinematic editorial.- For
whiteboardandblackboard, preserve the physical medium but do not keep every mark monochrome. Bias toward a mostly black-marker or white-chalk base with a small accent palette for emphasis marks such as arrows, checkmarks, key icons, circles, highlights, or flow traces.
- For
- Abstraction level: choose
literal,balanced, orconcept-led.- Use
concept-ledforwow,hero,cinematic,breathtaking,desirable, orraise interest. - Use
balancedfordigest,overview,onboarding,educational, orsystems. - Use
literalonly when the user explicitly asks for faithful, exact, or direct process depiction. - Default to
concept-ledforheroandcover, andbalancedfordigestanddiagram.
- Use
- Label density: choose
none,minimal,light, oracademic.- Use
noneorminimalforhero,cinematic,minimal text, orinfographic-first. - Use
academicforscientific,textbook,educational diagram, or explicit labeling requests. - Otherwise default to
minimal.
- Use
- Aspect ratio: prefer wide compositions.
- Honor an explicit user ratio such as
16:9,3:2,4:3, or1:1. - Otherwise default to
16:9for hero, cover, cinematic, keynote, and most digest requests. - Use
3:2when the composition feels more editorial, poster-like, or object-centered and slightly less panoramic framing improves clarity. - Avoid defaulting to
1:1unless the user explicitly asks for it.
- Honor an explicit user ratio such as
Keep the output contract unchanged: always return both Visual Brief and Final Prompt unless the user explicitly asks for prompt-only output.
Compiling the Final Prompt
Write one vivid prompt paragraph that another agent or human can paste into a diffuser.
Default behavior:
- Optimize for broad diffuser compatibility.
- Prefer natural language over vendor-specific syntax.
- Convert abstract ideas into concrete visual elements. Represent concepts as visible objects, scenes, marks, layers, flows, or diagram components.
- Be specific about the scene, relationships, and visual anchors when that specificity strengthens the image.
- Favor one memorable visual concept over a crowded checklist.
- Use best-effort reasoning to choose the strongest visual treatment for the document.
Compiler rules:
- Enforce strong composition. Prefer clear spatial structure such as
on the left,in the center, andon the rightwhen useful. - Show transformation explicitly. If the document is about change, process, or reasoning, visualize it through arrows, flows, transitions, intermediate stages, or layered progression.
- Use the inferred strategy to bias the image strongly instead of asking for clarification.
heroandcover: prioritize spectacle, memorability, atmosphere, premium composition, and one dominant visual idea over procedural completeness.digest: prioritize readability, overview, and a satisfying big-picture synthesis without turning the image into a wall of cards.diagram: prioritize system legibility, visual flow, and structural clarity without becoming text-heavy.concept-led: prefer one striking scene or metaphor that captures the document's meaning, even if not every process step is shown literally.balancedorliteral: keep more visible process fidelity, but still avoid sterile box-and-arrow overload.
- Prefer one authoritative artifact over repeated fragments. If the image resembles a document, diagram, scientific plate, dashboard, or infographic, bias strongly toward one clean instance of each structural element rather than many similar panels or echoed blocks.
- Add cognitive structure when relevant, but use embedded text sparingly. Prefer arrows, icons, blocks, and symbolic grouping over text-heavy diagrams because image models often render words poorly.
- If labels or annotations are truly necessary, keep them very short, secondary, and non-critical to success. Prefer one-to-three-word phrases over readable sentences or dense copy.
- Ground the image in a physical medium when appropriate. If the chosen treatment benefits from a medium such as whiteboard, chalkboard, blueprint, or another concrete surface, describe material details like marker strokes, chalk dust, lighting, texture, and small imperfections.
- For
whiteboardandblackboardtreatments, describe selective accent colors explicitly. Keep the medium legible and authentic, but use a restrained accent set such as red, blue, yellow, or green for emphasis marks instead of rendering every icon, arrow, checkmark, or callout in plain black marker or white chalk. - Steer the composition toward a wide frame by default. Prefer
16:9unless3:2clearly better supports the scene; avoid implying1:1unless the user explicitly asked for square output. - Control complexity aggressively. Keep one dominant idea, one obvious focal path, and one readable hierarchy.
- Add negative constraints directly into the prompt to prevent failure modes, using phrases like
no clutter,no chaos,no unnecessary elements,clean composition, andintentional layoutwhere appropriate. - Add anti-repetition constraints by default, especially for structured visuals. Use phrases such as
no duplicated sections,no repeated bullets,no repeated steps,no echoed callouts,no mirrored panels,one authoritative page or diagram, andone instance per conceptunless the user explicitly asked for repetition. - When text rendering is a risk, add a direct steer such as
no gibberish text,no fake words,no dense paragraphs, orminimal legible labels only if essential. - Describe what is seen, not what is implied. Replace conceptual wording with observable visual detail.
- Preserve the user's meaning. Improve execution, not intent.
Output rule:
- Output a single refined prompt only under
## Final Prompt, with no extra explanation inside that section.
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.

