Agent skill

Sketch Image Prompt

by okooo5km in okooo5km/Skills4U

Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.

MITAuto-check passedMedia & Creative

Install Sketch Image Prompt

skills CLI
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/sketch-image-prompt .claude/skills/sketch-image-prompt && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
sketch-image-prompt
GitHub stars
183
Token cost
~1.8k tokens
SKILL.md length
382 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
MIT

At a glance

Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.

  • Works in 5 steps: 元素只有 3 个或更少 → 强制使用主角+卫星 / 对角线 /… → 元素 4 个以上 + 强顺序关系(步骤 1→2→3→4)→… → 一个明显主角 + 多个配角 → 主角放大居一侧 + 配角散布另一侧不同高度 → …
  • The user wants to create any kind of visual from text content — including banners
  • SKILL.md covers 工作流程, Final Prompt 规范 and 语言规则
  • Calls black

What it does

Sketch Image Prompt is an agent skill from okooo5km/Skills4U. Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools. Use this skill whenever the user wants to create any kind of visual from text content — including banners, article illustrations, inline diagrams, infographics, or concept visuals. Trigger on requests like "turn this into a visual", "create an image prompt", "make an illustration for this", "generate a diagram from this article", "I need a sketch for this section", or any request combining content…

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts. Compatibility notes: Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural…

It sits in Media & Creative, covering Diagrams, Image generation and Infographics. The licence is MIT.

When your agent uses it

  • The user wants to create any kind of visual from text content — including banners
  • Article illustrations
  • Inline diagrams
  • Concept visuals

Example prompts

  • “turn this into a visual”
  • “create an image prompt”
  • “make an illustration for this”
  • “/sketch-image-prompt”

Requirements

  • Compatibility (from SKILL.md): Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural language prompts.
  • Pre-approved tools (allowed-tools): visualize:show_widget, visualize:read_me

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. 元素只有 3 个或更少 → 强制使用主角+卫星 / 对角线 / 错落分层,禁止单轴排列
  2. 元素 4 个以上 + 强顺序关系(步骤 1→2→3→4)→ 才能考虑流程型,但仍优先错落形式
  3. 一个明显主角 + 多个配角 → 主角放大居一侧 + 配角散布另一侧不同高度
  4. 多个等重元素 → 四象限 / 多区分布 / 对角线
  5. 循环关系 → 辐射 / 环形

What it can do on your machine

Read from SKILL.md and the folder at commit 7ffd3a4. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • visualize:show_widget
    • visualize:read_me

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • black

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural language prompts.

    From compatibility in the SKILL.md frontmatter.

Context cost

Sketch Image Prompt loads about 1.8k tokens when it runs. Until then it costs about 171 tokens; SKILL.md has 382 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~171
When it runs · the whole SKILL.md, loaded when a task matches
~1.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from okooo5km/Skills4U at commit 7ffd3a4, republished under its MIT licence (© okooo5km). 382 words, ~1,837 tokens.

Download SKILL.mdSave it as .claude/skills/sketch-image-prompt/SKILL.md (or your agent's skills folder).
name
sketch-image-prompt
description
Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools. Use this skill whenever the user wants to create any kind of visual from text content — including banners, article illustrations, inline diagrams, infographics, or concept visuals. Trigger on requests like "turn this into a visual", "create an image prompt", "make an illustration for this", "generate a diagram from this article", "I need a sketch for this section", or any request combining content analysis with image/visual prompt generation. Always use this skill when the user provides text content and wants an AI-ready image prompt output.
allowed-tools
visualize:show_widget, visualize:read_me
compatibility
Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural language prompts.
license
MIT
metadata.version
1.3.0
metadata.created
2026-03-01
metadata.updated
2026-05-04
metadata.author
Boss

Sketch Image Prompt

将文字内容转化为极简手绘风格图像提示词,供 Midjourney、Stable Diffusion 等 AI 绘图工具直接使用。

工作流程

第一步:询问尺寸比例

用户提供内容后,必须先询问尺寸比例,再进行分析:

"请问这张图的尺寸比例是?

横屏:

  • 16:9 — 横向展示 / Twitter / 社交媒体
  • 5:2 — 博客头图 / 宽幅横图
  • 21:9 — 微信公众号封面 / 超宽幅
  • 4:3 — 通用横图 / 演示文稿
  • 1:1 — 方形 / Instagram / 头像配图

竖屏:

  • 9:16 — 手机全屏 / Story / 竖版海报
  • 2:5 — 竖版长图 / 手机壁纸
  • 9:21 — 竖版超长图 / 手机长截图
  • 3:4 — 竖版通用图 / 小红书"
第二步:内部分析(不输出给用户)

在脑中完成以下分析,不要输出这个过程:

  • 提炼核心主题(1个最核心的概念)
  • 筛选关键元素(只选 3-5个,宁少勿多)
  • 识别元素关系(流程 / 对比 / 层级 / 循环 / 并列)
  • 判断情感基调 → 推断配色
  • 根据比例选择最优布局,严禁单线挤压构图——元素必须在水平和垂直两个轴向上都有分布

配色参考:

主题类型背景色建议
技术/开发天空蓝 #E3F2FD、浅青 #E0F7FA、靛蓝雾 #E8EAF6
商业/金融暖米色 #F5E6D3、桃橙 #FFDAB9、琥珀奶 #FFF3E0
创意/设计薰衣草 #E6E6FA、玫瑰雾 #FFE4E1、紫罗兰 #EDE7F6、樱花粉 #FCE4EC
教育/知识奶油黄 #FFF9E3、黄油 #FFFDE7
品牌/温暖珊瑚 #FBE9E7
通用/中性暖米色 #F5E6D3

布局参考:

⚠️ 核心铁律:禁止单线挤压

宽图(16:9 / 5:2 / 21:9 / 4:3)所有元素水平一字排开,或竖图(9:16 / 2:5 / 9:21 / 3:4)所有元素垂直一字堆叠——这两种"单轴布局"会导致:

  • 元素被迫缩小(垂直/水平方向只占画布 30%)
  • 上下或左右出现大片空白(每边浪费 30-35%)
  • 关键图标看不清,表达不清晰

只要元素 ≤ 4 个,几乎从不应该用纯单轴布局。正确做法是让元素同时在两个轴向上分布——主角放大占据一侧,配角错落分布另一侧的不同高度/宽度位置。

比例推荐布局(按填充优先级排序,⭐ 优先选)元素上限
16:9⭐ 主角居左放大(占左 1/3 高度近满)+ 配角散布右侧上下两层 / ⭐ 对角线构图(左上→右下,元素错落)/ ⭐ 四象限布局(4 个元素各占一角,标题居中)/ ⭐ 左重右轻分区(大元素占左 1/3,右侧 2/3 分上下)/ 水平流程(仅当元素 ≥ 4 且强顺序关系)5个
5:2⭐ 主角居左放大 + 右侧分上下两层 / ⭐ 三段错落(每段元素垂直位置不同,避免一条直线)5-6个
21:9⭐ 三段分区 + 每段内部上下错位 / ⭐ 辐射构图(中心放射)4个
4:3⭐ 主角居中 + 卫星散布四周 / ⭐ 对角线构图 / 左右分区5个
1:1⭐ 居中辐射型 / ⭐ 四象限 / 居中对称4个
9:16⭐ 主角居上放大 + 下方多元素左右并排 / ⭐ 错落堆叠(左右交替偏移,破直线感)/ 垂直分层(仅当元素 ≥ 4 且强顺序关系)5个
2:5⭐ 错落分层(左右交替偏移) / ⭐ 主角居上 + 下方分组并排5-6个
9:21⭐ 错落分层 + 左右交替偏移 / 分段构图6个
3:4⭐ 主角居上 + 卫星左右下散布 / ⭐ 错落分层5个

布局选择决策树:

  1. 元素只有 3 个或更少 → 强制使用主角+卫星 / 对角线 / 错落分层,禁止单轴排列
  2. 元素 4 个以上 + 强顺序关系(步骤 1→2→3→4)→ 才能考虑流程型,但仍优先错落形式
  3. 一个明显主角 + 多个配角 → 主角放大居一侧 + 配角散布另一侧不同高度
  4. 多个等重元素 → 四象限 / 多区分布 / 对角线
  5. 循环关系 → 辐射 / 环形

自检标准(生成前必须确认):

  • 元素是否分布在画布的"上中下"至少两层?(宽图必查)
  • 元素是否分布在画布的"左中右"至少两区?(竖图必查)
  • 是否有任何一个元素位于画布边角(不只是中线)?
  • 主角是否被放大到至少占画布短边的 30% 以上?

任何一项答 No,重新选布局。

第三步:输出给用户

只输出以下两部分,不输出其他任何内容:

[一行设计摘要:背景色 + 构图类型 + 元素数量,例如:暖米色背景,水平三步流程,3个元素]

[final_prompt 正文]

Final Prompt 规范

Show full SKILL.md (171 more words)Show less
必须包含的内容
  1. 比例参数(根据工具格式)

    • Midjourney:结尾加 --ar 16:9(或对应比例)
    • 通用描述:开头写 16:9 horizontal composition 或 9:16 vertical composition
    • 默认同时写通用描述 + Midjourney 参数,兼容两种工具
  2. 视觉风格(固定不变):

    • minimalist hand-drawn illustration
    • bold marker illustration, chunky brush-pen style
    • very thick black outlines, heavy stroke weight, bold chunky lines like a childrenΓÇÖs book illustration
  3. 笔触质感(必须详细描述):

    • dry brush texture with tiny gaps in ink coverage
    • organic slightly rough edges
    • natural line weight variation but always heavy and bold
    • imperfect circles and slightly wobbly lines
    • warm handmade feel, NOT perfect vector lines, NOT thin lines — bold chunky strokes only
  4. 配色:背景色(含色号)+ black #000000 主色 + 强调色(如有)

  5. 构图与元素:

    • 布局方式 + 每个元素的视觉描述 + 连接方式
    • 每个元素必须带显式空间位置(如 upper-left、center-right、bottom-center、occupying left 1/3)
    • 必须包含 elements distributed across full canvas area, occupying both horizontal and vertical space, NOT compressed to a single line
    • 主角元素必须显式放大:main subject enlarged, taking 30%+ of canvas
  6. 简洁性关键词:

    • minimalist, extremely simple, clean, uncluttered
    • generous whitespace, only 3-5 elements total
    • minimal text, 1-3 words per label
  7. 排版:rounded handwritten-style font, casual and friendly

Final Prompt 模板结构
[比例] [构图类型] composition. Elements distributed across the FULL canvas area, occupying both horizontal AND vertical space, NOT compressed to a single horizontal/vertical line. [背景色描述]. Only [N] elements with explicit spatial positioning: [元素1描述 + 位置如"on the upper-left"], [元素2描述 + 位置如"enlarged in the center taking 35% of canvas"], [元素3描述 + 位置如"on the lower-right"]. [连接方式描述]. Bold marker illustration, chunky brush-pen style, very thick black outlines with heavy stroke weight — like a fat-tipped marker, bold chunky lines. Dry brush texture with tiny gaps in ink coverage, organic slightly rough edges, natural line weight variation, imperfect circles and slightly wobbly lines, warm handmade feel — NOT perfect vector lines. [配色描述]. Minimal text labels only: [标签列表]. Generous whitespace BUT well-distributed (no large empty bands at top/bottom or left/right), clean and uncluttered, flat illustration with no shadows or gradients, rounded handwritten-style font. --ar [X:Y]

关键差异(务必区分):

  • ✅ generous whitespace BUT well-distributed — 留白要均匀分布在元素之间
  • ❌ generous whitespace 单独使用 — 会被理解成"画布上下/左右大片空白也行"

语言规则

  • 设计摘要跟随用户语言
  • final_prompt 始终使用英文

© okooo5km, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/sketch-image-prompt of okooo5km/Skills4U.

Open the folder on GitHubat commit 7ffd3a4

Compare with similar skills

Sketch Image Prompt next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Sketch Image Prompt compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Sketch Image Prompt this skillokooo5km/Skills4U183—~1.8kAutomated safety check: PassMIT
Design Image Studiokangarooking/design-image-studio102—~1.5kAutomated safety check: PassMIT
Space Image StudioSpaceZephyr/design-buddy176—~2kAutomated safety check: PassNone
ContentclawLeoYeAI/openclaw-master-skills2.2k—~6.8kAutomated safety check: NotesMIT
Create Explanatory ImageAbilityai/cornelius109—~2.8kAutomated safety check: NotesMIT
Chart Image Generator for WeChat ArticlesSpaceZephyr/creator-buddy1.6k—~1.7kAutomated safety check: PassNone

Similar skills

  • Design Image Studio

    kangarooking/design-image-studio

    Directly generate design-oriented AI images with strong creative direction and prompt engineering.

    102 GitHub stars~1.5k tokensUpdated 5 mo ago
    Media & CreativeAuto-check passed
  • Space Image Studio

    SpaceZephyr/design-buddy

    Generates PNG images for four common needs: Xiaohongshu covers, slide illustrations, charts and article logic diagrams, with twelve visual styles and automatic style suggestions.

    176 GitHub stars~2k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Contentclaw

    LeoYeAI/openclaw-master-skills

    Automated content generation engine. An agent skill from LeoYeAI/openclaw-master-skills.

    2.2k GitHub stars~6.8k tokensUpdated 2 mo ago
    Media & CreativeAuto-check: notes
  • Create Explanatory Image

    Abilityai/cornelius

    Generate explanatory diagrams and infographics that visually communicate concepts.

    109 GitHub stars~2.8k tokensUpdated 2 days ago
    Media & CreativeAuto-check: notes
  • Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.

    1.6k GitHub stars~1.7k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Generate Image

    Microck/ordinary-claude-skills

    Generate or edit images using AI models (FLUX, Gemini). An agent skill from Microck/ordinary-claude-skills.

    404 GitHub stars~1.2k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes

More from okooo5km/Skills4U

All 8 skills in this repo
  • Grid25

    okooo5km/Skills4U

    25宫格选题助手(grid25)。帮用户为任意行业生成爆款内容选题关键词,渲染可交互的 25宫格抽签工具,并可直接搜索真实平台热门选题方向。

    183 GitHub stars~797 tokensUpdated 4 days ago
    Auto-check passed
  • Zipic

    okooo5km/Skills4U

    Local image compression and Zipic-app expert for macOS and native Windows.

    183 GitHub stars~2.2k tokensUpdated 4 days ago
    Auto-check passed
  • Orchard

    okooo5km/Skills4U

    Use the local Orchard app to interact with macOS Apple apps and services: Calendar, Reminders, Clock, Mail, Contacts, Notes, Music, Weather, Messages, Location/Maps, and Apple Shortcuts.

    183 GitHub stars~5k tokensUpdated 4 days ago
    Auto-check: warnings
  • 中国软件著作权申请材料生成工具。申请表直接输出 Markdown 提交,源程序/用户手册/设计说明书三份生成 LaTeX 并编译为 PDF。自动分析项目代码,生成四份材料(前后各30页共60页源程序、含页眉页脚的用户手册和设计说明书、Markdown…

    183 GitHub stars~2.8k tokensUpdated 4 days ago
    Auto-check: notes
  • Video Storyboard Designer

    okooo5km/Skills4U

    专业 AI 视频分镜设计师。当用户想要创作视频、制作分镜脚本、生成 AI 视频提示词、规划视频内容结构时,必须使用此 skill。

    183 GitHub stars~3k tokensUpdated 4 days ago
    Auto-check passed
  • Xiaohongshu Expert

    okooo5km/Skills4U

    小红书运营专家——从0到1全流程指导。覆盖账号定位、内容创作、标题优化、封面设计、SEO搜索优化、推荐算法拆解、涨粉策略、变现路径、数据分析、平台规则合规、内容发布前审核、账号健康度诊断等全维度。

    183 GitHub stars~931 tokensUpdated 4 days ago
    Auto-check passed

Questions about Sketch Image Prompt

What does Sketch Image Prompt do?

Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools. Sketch Image Prompt is an agent skill from okooo5km/Skills4U. Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.

When should I use Sketch Image Prompt?

Sketch Image Prompt fits situations like: the user wants to create any kind of visual from text content — including banners; article illustrations; inline diagrams; concept visuals.

How do I install Sketch Image Prompt in Claude Code?

Run `npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a claude-code`. Or copy the skill folder (skills/sketch-image-prompt in okooo5km/Skills4U) into .claude/skills/sketch-image-prompt in your project. Claude Code loads it when a task matches its description.

How do I install Sketch Image Prompt in Codex?

Run `npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a codex`. Or copy the skill folder (skills/sketch-image-prompt in okooo5km/Skills4U) into .agents/skills/sketch-image-prompt in your project. Codex loads it when a task matches its description.

Can I use Sketch Image Prompt in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/sketch-image-prompt, .gemini/skills/sketch-image-prompt, .github/skills/sketch-image-prompt and .opencode/skills/sketch-image-prompt in your project.

What does Sketch Image Prompt need to run?

Going by SKILL.md and its folder, Sketch Image Prompt needs the command-line tools its instructions call (black). Its frontmatter pre-approves these tools: visualize:show_widget, visualize:read_me. Compatibility (from SKILL.md): Requires visualize tools for color palette widget display. Compatible with Midjourney, Stable Diffusion, and any AI image generation tool that accepts natural language prompts..

Does Sketch Image Prompt access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Sketch Image Prompt safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Sketch Image Prompt use?

Sketch Image Prompt is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Sketch Image Prompt use?

About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Sketch Image Prompt?

Skills that share tags, products or a category with Sketch Image Prompt: Design Image Studio (kangarooking/design-image-studio, 102 stars), Space Image Studio (SpaceZephyr/design-buddy, 176 stars), Contentclaw (LeoYeAI/openclaw-master-skills, 2.2k stars) and Create Explanatory Image (Abilityai/cornelius, 109 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Sketch Image Prompt?

okooo5km (a GitHub user) maintains it in okooo5km/Skills4U, which has 183 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.

Source: okooo5km/Skills4U on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.