oil-visual

视觉设计 / 插画 配图插画 墨线半调网点机制图 17 文件 中文 1 脚本

漫画墨线 + 半调网点。画机制、流程、对比

制作统一漫画墨线风格的解释图与透明插画素材,可单独绘制眼镜线条人物、暖黄色牧羊犬、两者组合,或同风格的物件与装饰元素。当用户需要概念、机制、流程、对比的完整解释画面,或可复用的排版插图时使用;不用于普通代码图表、照片处理或无关品牌视觉。

说明语言:中文

来源oil-oiloil-visual ↗ 查看原文件 ↗版权归原作者,请遵循原仓库许可
安装
npx skills add https://github.com/oil-oil/oil-visual --skill oil-visual

需要已安装 skills CLI。也可以直接从源仓库 clone。

在星云中查看 ↗
SKILL.md 原文

Oil Visual

Create raster visuals in one shared manga-ink language. Choose one output mode before generating; do not mix the two production paths.

Choose the output mode

Mode A — explanatory image

Use when the image must explain a concept, mechanism, workflow, comparison, or tradeoff by itself.

Mode B — transparent illustration

Use when a character, object, or decorative illustration will be composed into a hero, document, card, slide, or other layout.

If the destination is unclear, choose Mode A when the image itself must communicate the idea and Mode B when another layout will carry the explanation.

Shared visual language

Mode A workflow — explanatory image

1. Write the visual brief

viewer_question: what should be understood in 10 seconds?
concrete_claim: one-sentence conclusion
real_objects: visible objects, interfaces, documents, tools, or states
relation: comparison, transformation, causality, sequence, hierarchy, feedback, tradeoff, or pipeline
visual_evidence: what must remain understandable when labels are ignored?
scene: believable setting and 2–4 useful environmental cues
semantic_colors: what each accent color means
labels: exact short strings plus the evidence surface for each label

Show the input, action or relation, and result. Keep one dominant focal action and no more than three major visual regions. For multiple steps, use a simple left-to-right or top-to-bottom sequence.

2. Design the labels

Add this block to the generation prompt:

Text (verbatim): Render these exact labels as part of the bitmap illustration:
"<label 1>", "<label 2>", "<label 3>".
Use each phrase exactly once. Do not translate, paraphrase, misspell, repeat,
or add any other text. Use modern sans-serif medium/bold typography, large
and readable. Place "<label 1>" on <evidence surface>; place "<label 2>" on
<evidence surface>; place "<label 3>" on <evidence surface>.

3. Build the prompt

Use this order:

  1. State the concrete claim and shared task.
  2. Describe the real setting, selected subjects, and any action. Include the protagonist or dog only when requested or when they visibly help explain the claim.
  3. Describe the evidence objects and their geometry: aligned, nested, connected, split, transformed, repeated, or converging.
  4. Assign semantic colors.
  5. Quote the exact labels and specify each placement.
  6. Add the Mode A style anchor.
  7. End with exclusions.

Mode A style anchor:

Professional editorial manga/comic ink illustration. Clean confident black ink outlines with varied line weights, expressive but controlled. Use classic circular halftone screentone for gray and shadow areas. Render only the selected characters and objects; do not add a protagonist or dog automatically. Use an off-white lightly textured real environment, not a blank white canvas. Typography is modern sans-serif, medium or bold, large and readable. Color is restrained: black, white, halftone gray, warm yellow when useful, plus at most two muted semantic accent colors. No 3D, no glossy gradients, no photorealism, no generic card grid, no dashboard, no unrelated clutter, no tiny text, no long paragraphs, no watermark.

4. Inspect and retry

  1. Inspect the output at original resolution.
  2. Compare every label with the brief character by character. Confirm that each appears exactly once and that no stray text was added.
  3. Reject missing, duplicated, invented, or misspelled labels.
  4. Regenerate with one targeted correction while repeating all scene and style invariants. Do not conceal an error with a separate text layer.

Use this retry instruction:

Keep the scene, composition, characters, objects, colors, and all correct labels unchanged.
Change only the incorrect text "<wrong>" to the exact text "<right>".
Do not add, remove, translate, or repeat any other text.

Mode B workflow — transparent illustration asset

1. Select the subject

Identify exactly which subjects are requested: the person alone, the dog alone, both together, or an object or decorative element without characters. Describe one clear action when an action is needed, and include only the props needed to establish it. For a standalone object, describe its shape, material, and distinguishing details instead. Leave generous padding around the artwork so the cutout can be composed safely.

2. Build the prompt

Describe the selected subjects first. State explicitly that no unrequested person, dog, face, or prop should appear. Then append the fixed style anchor and one background rule below.

Style: professional manga/comic ink illustration. Clean confident ink outlines
with varying line weights, thick for contours and thin for details, not wobbly
or sketchy. Use classic circular halftone screentone dot patterns for gray and
shadow areas. Give characters and objects the same clear silhouette and ink
language. Color usage is extremely restrained: mostly black, white, and gray
halftone; warm yellow on the dog when present, or as an optional small light
patch or sparse star accent when the dog is absent. Use no more than two muted
semantic accent colors. Render only the requested subjects.
Do not let halftone, ink, props, or the subject touch the image border. Keep
generous padding. No text, no watermark. PNG format.

Use this background rule when the generator supports genuine transparency:

Render on a genuinely transparent background with a clean alpha channel.
No backdrop, floor plane, cast shadow, or opaque pixels outside the artwork.

Otherwise replace <KEY_COLOR> with the selected hex color and use this rule:

The background must be a perfectly uniform flat <KEY_COLOR> rectangle with zero
gradient, texture, noise, speckles, shadows, floor plane, or lighting variation.

3. Validate the source

4. Remove a chroma-key background only

Skip this step for clean native-alpha output. For a uniform chroma-key source, install Pillow if the active Python environment does not have it, then run:

python3 scripts/cutout.py source.png transparent.png

Optional tuning:

python3 scripts/cutout.py source.png transparent.png \
  --transparent-threshold 12 \
  --opaque-threshold 220

The script samples the image border, builds a soft alpha matte from color distance, and removes color spill from antialiased edges. It works with any uniform key color, so the key can be chosen to avoid the subject palette.

5. Validate the transparent result

Output handling

Quality gate

For every output:

For Mode A:

For Mode B:

同类技能
5km-littlebox-illustrationsgenerate-imagegimi-illustration-skillhand-drawn-stylesian-xiaohei-illustrationsorange-line-illustrationpunk-ip-illustrationsrestrained-hand-drawn-illustration
本页内容来自开源项目 oil-oil, 版权归原作者所有。
本站仅作技能索引与分享,所有 Skill 版权归其原作者所有。