illustration
Generate an in-product illustration (empty state, onboarding, hero, spot art) that obeys a brand bundle.
Skill by MohamedAbdallah-14
Chalk Labs
Need help deploying illustration?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/mohamedabdallah-14-illustration
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/illustration
What's inside
- Skill name
illustration- Description
- Generate an in-product illustration (empty state, onboarding, hero, spot art) that obeys a brand bundle. Uses IP-Adapter / LoRA / Recraft style_id / Flux.2 brand refs for consistency across a set; validates palette ΔE2000 and style adherence.
- License
- MIT
- Instructions
- 76 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Illustration generation ## The consistency problem A single illustration is easy. **A set of twelve in the same style** is the hard problem. Research 10 + 15: prompt words drift; reference images do not. Any illustration skill must inject a brand style reference at every call. ## Routing | Model | Brand lock mechanism | Best for | |---|---|---| | **Flux Pro / Flux.2** | `reference_images[]` (up to 8 in Flux.2) + brand LoRA | Photoreal, stylized 3D, brand illustration sets | | **SDXL + brand LoRA** | trained LoRA (6d recipe, ~5k steps on 20 images) | Bespoke brand style, open-weight | | **Recraft V3** | `style_id` (brand magic) | Flat vector, editorial illustration | | **Ideogram 3** | style codes | Loose "same vibe" — not strict lock | | **Midjourney v6/v7** | `--sref` / `--cref` / `--mref` | Concept work; no API, community wrappers only | | **`gpt-image-1`** | `input_image[]` | Edit / composite flows | First illustration in a set is **human-gated**. Once approved, its style becomes the reference injected into all subsequent generations. ## Brand bundle injection ``` illustration prompt = [SUBJECT + SCENE from brief] + [style anchor: "in the style of the provided reference images"] + [palette: exact hex list from brand] + [do_not list as positive anchors: "flat matte surfaces" not "no glossy plastic"] + [typography reminder: "no text, no labels"] + [technical constraints: aspect, resolution, composition] + reference_images[]: [style_ref_01.png, style_ref_02.png, (prior approved illustration).png] + LoRA handle / style_id / --sref ``` ## Prompt scaffold ``` An illustration of [SUBJECT: concrete noun phrase] in a [SCENE: clear action/context]. Composition: [centered | rule-of-thirds | off-center-left]. Subject occupies ~60% of frame. Style: in the style of the provided reference images. Flat vector with soft gradients. Line weight consistent with references. Palette strictly limited to: [#hex, #hex, #hex, #hex, #hex]. Materials: matte surfaces, soft ambient lighting, no rim lights, no lens flare. No text, no labels, no UI elements. [aspect ratio]. 2048x1280 resolution. ``` Drop quality modifiers on Flux (no `masterpiece, 8k` — hurts adherence). Keep them on SD. ## Post-processing 1. Background removal only if asset is spot art (use BiRefNet for soft edges). 2. Palette validation: K-means 8-color in LAB, ΔE2000 against brand palette, regenerate if max ΔE > 10. 3. Composition validation: VLM rubric check against style references. 4. Resize to target sizes (sharp premultiplied-alpha resize). ## Full-set propagation Workflow for generating N illustrations: 1. Generate illustration #1 with the brand bundle and the brief. 2. Human gates: accept / regenerate / tweak. 3. On accept: **add illustration #1 to the style reference set.** 4. Subsequent illustrations pull the whole augmented reference set → style locks progressively tighter. 5. After 3–4 accepted illustrations, train a LoRA for even tighter lock on 20+ asset sets. ## Output ``` illustrations/ ├── empty-state-projects.png ├── empty-state-tasks.png ├── onboarding-welcome.png └── meta.json # includes provenance + "set coherence score" across the batch ```
From MohamedAbdallah-14/prompt-to-asset, MIT.
More from MohamedAbdallah-14/prompt-to-asset
- 0.539score
ui-mockup-prompt
MohamedAbdallah-14
Translate a UI brief (a page, a screen, a single component, a feature) into a paste-ready prompt for Nano Banana Pro / gpt-image-2 / Ideogram / Flux 2 /…
SkillCFreshness: C★ 24Claude Code +9 - 0.528score
Prompt To Asset
MohamedAbdallah-14
Generate app icons, favicons, OG images, and logos by routing across 30+ image models.
ConnectorCFreshness: CLocal★ 24Claude Code +5 - 0.472score
brand-consistency
MohamedAbdallah-14
Maintain visual coherence across a multi-asset brand set (logo + app icon + favicon + illustrations).
SkillDFreshness: D★ 24Claude Code +9 - 0.472score
asset-enhancer
MohamedAbdallah-14
Classify a software-asset brief (logo, app icon, favicon, OG image, illustration, splash, icon pack, transparent mark), route to the right image model…
SkillDFreshness: D★ 24Claude Code +9 - 0.472score
asset-validation-debug
MohamedAbdallah-14
Diagnose and repair asset-generation failures.
SkillDFreshness: D★ 24Claude Code +9 - 0.472score
svg-authoring
MohamedAbdallah-14
Author production-grade inline SVG (logos, favicons, icon packs, stickers, transparent marks) when the P2A `inline_svg` execution mode is selected.
SkillDFreshness: D★ 24Claude Code +9 - 0.472score
t2i-prompt-dialect
MohamedAbdallah-14
Rewrite an asset brief into the exact prompt dialect of the target image model (OpenAI gpt-image-1, Google Imagen/Gemini, SDXL, Flux.1/Flux.2, Midjourney…
SkillDFreshness: D★ 24Claude Code +9 - 0.469score
favicon
MohamedAbdallah-14
Generate a full favicon bundle — favicon.ico (16/32/48 multi-res), icon.svg with prefers-color-scheme dark support, apple-touch-icon.png 180×180 opaque, and…
SkillDFreshness: D★ 24Claude Code +9 - 0.469score
logo
MohamedAbdallah-14
Generate a production-grade logo (primary brand mark).
SkillDFreshness: D★ 24Claude Code +9 - 0.469score
vectorize
MohamedAbdallah-14
Convert a raster image to SVG.
SkillDFreshness: D★ 24Claude Code +9 - 0.469score
app-icon
MohamedAbdallah-14
Generate an app icon from a single 1024² master and fan out to iOS (AppIcon.appiconset with squircle-ready 1024 opaque), Android (adaptive foreground +…
SkillDFreshness: D★ 24Claude Code +9 - 0.469score
og-image
MohamedAbdallah-14
Generate an Open Graph / Twitter Card social unfurler image — 1200×630 JPEG/PNG, <5MB, with deterministic typography.
SkillDFreshness: D★ 24Claude Code +9
Signals
- Stars
- 24
- Forks
- 3
- Open issues
- 3
- Contributors
- 2
- Last commit (this folder)
- Apr 20, 2026 (6 months ago)
- Last release
- Apr 26, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.281score
illustration
MohamedAbdallah-14
Generate an in-product illustration (empty state, onboarding, hero, spot art) that obeys a brand bundle.
SkillDFreshness: D★ 24Claude Code +9 - 0.281score
illustration
MohamedAbdallah-14
Generate an in-product illustration (empty state, onboarding, hero, spot art) that obeys a brand bundle.
SkillDFreshness: D★ 24Claude Code +9 - 0.281score
illustration
MohamedAbdallah-14
Generate an in-product illustration (empty state, onboarding, hero, spot art) that obeys a brand bundle.
SkillDFreshness: D★ 24Claude Code +9
More from MohamedAbdallah-14
- 0.715score
unslop
MohamedAbdallah-14
Humanize LLM output so it reads like a careful human wrote it.
SkillBFreshness: B★ 161Claude Code +9 - 0.710score
unslop-file
MohamedAbdallah-14
Humanize natural-language memory files (CLAUDE.md, todos, preferences, docs) by removing AI-isms and adding burstiness while preserving every code block, URL…
SkillBFreshness: B★ 161Claude Code +9 - 0.709score
unslop-reasoning
MohamedAbdallah-14
Strip AI-slop patterns from reasoning traces (chain-of-thought, extended thinking, agent decomposition) — not final prose.
SkillBFreshness: B★ 161Claude Code +9 - 0.709score
unslop-commit
MohamedAbdallah-14
Rewrites commit messages so they sound like a careful human engineer wrote them.
SkillBFreshness: B★ 161Claude Code +9 - 0.709score
unslop-review
MohamedAbdallah-14
Rewrites code review comments so they read like a human teammate wrote them.
SkillBFreshness: B★ 161Claude Code +9 - 0.706score
unslop-help
MohamedAbdallah-14
Quick-reference card for unslop modes, sub-skills, and slash commands.
SkillBFreshness: B★ 161Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get illustration running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
illustration skill. Agent Mart. https://agentmart.dev/skills/mohamedabdallah-14-illustration (last updated 2026-10-24)