OO

oil-oil/oil-visual

Research

This page was translated automatically. Technical details may differ from the original. View the original

105 stars Quality 64 Trend 24MIT

Create explanatory images and transparent character illustrations in a unified comic inkline style for concepts, workflows, comparisons, and article illustrations.

Overview

- Use black ink lines with clear thickness to paint outlines and details. - Use circular halftone dots to depict gray faces and shadows, without soft gradients. - The protagonist is a minimalist figure wearing round glasses, with a chubby warm yellow Border Collie kept beside it. - The scene uses off-white paper texture, keeping only a few truly helpful environmental objects. - Warm yellow is a fixed color; Each image can use up to two semantic colors. - When text is needed in the image, use short, accurate sans-serif labels placed directly on the corresponding object. The same set of little figures, border collies, inklines, dots, and semantic colors can express mechanisms, contrasts, cycles, bottlenecks, and information organization. Requires the host's ability to generate and read images; Transparent illustrations also require Python and Pillow to run cutout.py. No mandatory account requirements; fees and vouchers are determined by the selected raw image provider. Prompts and reference images should be handed over to the selected image tool; Text and transparent edges in images must be checked. Dense text and editable charts should use deterministic typesetting tools.

Overview (machine translated)

Using the same comic inkline style, two types of images can be created directly for use: one is a complete explanatory image with short tags that independently explains concepts or processes; The other is transparent illustration materials that can be placed in presentations, articles, or cards.

Transparent materials can be drawn only with glasses or warm yellow Border Collies, or a combination of both, or just items like folders or tools. Characters appear as needed in the scene; objects don’t need to be styled by adding a person or a dog.

Image style

  • Use thick and fine black ink lines to draw outlines and details.
  • Use circular halftone dots to represent gray and shadows, without using soft gradients.
  • The minimalist little figure with round glasses and the chubby warm yellow Border Collie are optional characters; they can appear alone, together, or at all.
  • Objects and decorative elements use the same outline, inkline, dots, and restrained color scheme, without automatically adding characters.
  • Complete explanation images use off-white paper texture, retaining only a few truly helpful environmental objects; Individual illustrations deliver transparent backgrounds.
  • Use warm yellow when dogs appear; If there are no dogs, warm yellow can be used as a small accent or omitted. Each image can use up to two more semantic colors.
  • When the image requires text, use short, accurate sans-serif labels and place them directly on the corresponding object.

Example

Complete Explanation Diagram

The same set of inklines, dots, and semantic colors can represent mechanisms, contrasts, loops, bottlenecks, and information organization.

Transparent illustration materials

Both images are original transparent PNGs: the left image uses a magnifying glass and folder to show “positioning,” the right image uses scissors and paper to show “streamlining.” They only contain objects, with no people, dogs, text, or full-page backgrounds.

Installation

Give the oil-visual repository address to the Agent and request installation of this skill; You can also use the command:

Have the current host reload the skill, then call out the user in the conversation:

Complete rules, prompt structure, and delivery check are all written in SKILL.md.

License

MIT

Configuration, dependencies, and usage boundaries

No additional configuration is required, but the host must have the ability to generate and read images. The image generation tool can directly output transparent PNGs while retaining the native transparent channel; If you can only output a solid background, use the included cutout.py cutout; this backup path requires Python and Pillow. Fees and credentials depend on the selected image creation tool.

Prompts and reference images will be handed over to the selected raw image tool. Before delivery, check short labels and transparent edges in the image; Dense text and editable charts should use deterministic typesetting tools.

This page was translated automatically. Technical details may differ from the original.

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add oil-oil/oil-visual
New to MCP? Start with the mcpskill.org guide →