Design Image Studio
kangarooking/design-image-studio
Directly generate design-oriented AI images with strong creative direction and prompt engineering.
Transforms article content or summaries into minimalist hand-drawn style JSON prompts for AI image generation tools.
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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-srcUse ~/.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/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .claude/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-promptType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/sketch-image-prompt .agents/skills/sketch-image-prompt && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .agents/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/sketch-image-prompt .cursor/skills/sketch-image-prompt && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .cursor/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/okooo5km/Skills4U.git --path skills/sketch-image-prompt--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/sketch-image-prompt .gemini/skills/sketch-image-prompt && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .gemini/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install okooo5km/Skills4U sketch-image-promptInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/sketch-image-prompt .github/skills/sketch-image-prompt && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .github/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add okooo5km/Skills4U --skill sketch-image-prompt -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install okooo5km/Skills4U sketch-image-prompt --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/okooo5km/Skills4U.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/sketch-image-prompt .opencode/skills/sketch-image-prompt && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "sketch-image-prompt" agent skill from https://github.com/okooo5km/Skills4U/tree/main/skills/sketch-image-prompt into .opencode/skills/sketch-image-prompt/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "sketch-image-prompt", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
sketch-image-promptTransforms 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. 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.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 7ffd3a4. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
visualize:show_widgetvisualize:read_meFrom allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
blackFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in 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.
From compatibility in the SKILL.md frontmatter.
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.
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.
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.
The full file from okooo5km/Skills4U at commit 7ffd3a4, republished under its MIT licence (© okooo5km). 382 words, ~1,837 tokens.
.claude/skills/sketch-image-prompt/SKILL.md (or your agent's skills folder).将文字内容转化为极简手绘风格图像提示词,供 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 — 竖版通用图 / 小红书"
在脑中完成以下分析,不要输出这个过程:
配色参考:
| 主题类型 | 背景色建议 |
|---|---|
| 技术/开发 | 天空蓝 #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)所有元素垂直一字堆叠——这两种"单轴布局"会导致:
只要元素 ≤ 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个 |
布局选择决策树:
自检标准(生成前必须确认):
任何一项答 No,重新选布局。
只输出以下两部分,不输出其他任何内容:
[一行设计摘要:背景色 + 构图类型 + 元素数量,例如:暖米色背景,水平三步流程,3个元素]
[final_prompt 正文]比例参数(根据工具格式)
--ar 16:9(或对应比例)16:9 horizontal composition 或 9:16 vertical composition视觉风格(固定不变):
minimalist hand-drawn illustrationbold marker illustration, chunky brush-pen stylevery thick black outlines, heavy stroke weight, bold chunky lines like a childrenΓÇÖs book illustration笔触质感(必须详细描述):
dry brush texture with tiny gaps in ink coverageorganic slightly rough edgesnatural line weight variation but always heavy and boldimperfect circles and slightly wobbly lineswarm handmade feel, NOT perfect vector lines, NOT thin lines — bold chunky strokes only配色:背景色(含色号)+ black #000000 主色 + 强调色(如有)
构图与元素:
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 linemain subject enlarged, taking 30%+ of canvas简洁性关键词:
minimalist, extremely simple, clean, unclutteredgenerous whitespace, only 3-5 elements totalminimal text, 1-3 words per label排版:rounded handwritten-style font, casual and friendly
[比例] [构图类型] 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
Just SKILL.md in skills/sketch-image-prompt of okooo5km/Skills4U.
Open the folder on GitHubat commit 7ffd3a4
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Sketch Image Prompt this skillokooo5km/Skills4U | 183 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Design Image Studiokangarooking/design-image-studio | 102 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Space Image StudioSpaceZephyr/design-buddy | 176 | — | ~2k | Automated safety check: Pass | None | |
| ContentclawLeoYeAI/openclaw-master-skills | 2.2k | — | ~6.8k | Automated safety check: Notes | MIT | |
| Create Explanatory ImageAbilityai/cornelius | 109 | — | ~2.8k | Automated safety check: Notes | MIT | |
| Chart Image Generator for WeChat ArticlesSpaceZephyr/creator-buddy | 1.6k | — | ~1.7k | Automated safety check: Pass | None |
kangarooking/design-image-studio
Directly generate design-oriented AI images with strong creative direction and prompt engineering.
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.
LeoYeAI/openclaw-master-skills
Automated content generation engine. An agent skill from LeoYeAI/openclaw-master-skills.
Abilityai/cornelius
Generate explanatory diagrams and infographics that visually communicate concepts.
SpaceZephyr/creator-buddy
Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.
Microck/ordinary-claude-skills
Generate or edit images using AI models (FLUX, Gemini). An agent skill from Microck/ordinary-claude-skills.
okooo5km/Skills4U
25宫格选题助手(grid25)。帮用户为任意行业生成爆款内容选题关键词,渲染可交互的 25宫格抽签工具,并可直接搜索真实平台热门选题方向。
okooo5km/Skills4U
Local image compression and Zipic-app expert for macOS and native Windows.
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.
okooo5km/Skills4U
中国软件著作权申请材料生成工具。申请表直接输出 Markdown 提交,源程序/用户手册/设计说明书三份生成 LaTeX 并编译为 PDF。自动分析项目代码,生成四份材料(前后各30页共60页源程序、含页眉页脚的用户手册和设计说明书、Markdown…
okooo5km/Skills4U
专业 AI 视频分镜设计师。当用户想要创作视频、制作分镜脚本、生成 AI 视频提示词、规划视频内容结构时,必须使用此 skill。
okooo5km/Skills4U
小红书运营专家——从0到1全流程指导。覆盖账号定位、内容创作、标题优化、封面设计、SEO搜索优化、推荐算法拆解、涨粉策略、变现路径、数据分析、平台规则合规、内容发布前审核、账号健康度诊断等全维度。
Categories
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.
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.
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.
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.
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.
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..
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.
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.
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.
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.
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.
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.