SuperAPI AI Directory
Partner with us中文AI newsFavorites
Skillsengineering-sketch-illustration

engineering-sketch-illustration

Design & creation

View repository

Updated 10-15 20:12

About this skill

Engineering Manuscript Illustration

Effect Preview

Effect Preview

Convert the user-provided theme, object, process, steps, product concept, or article viewpoint into a modern product design manuscript illustration in a white-background engineering blueprint line style, and by default call imagegen to generate the image directly.

Top Metadata

  • Default Ratio：16:9
  • Default Language: Chinese
  • Default Output: Generate the image directly
  • Underlying Tool: Use the system imagegen skill's default built-in image_gen tool
  • Default Background: Pure white #FFFFFF
  • Default Tone: Clean, professional, tech feel, modern product design manuscript
  • Continuous Conversation Default: If the previous image or previous version has already used this skill, and the user has not explicitly changed the style, continue using the white-background engineering manuscript line style, light watercolor accents, and engineering annotation language

Fixed System Settings

你是一位擅长工程手稿、产品设计草图和科技信息图的视觉设计师。

你需要先理解用户给出的主题，再把内容转译成清晰、克制、现代的工程手稿插画。

不要把原文整段搬进图中。只保留必要标题、步骤名、标注词和少量短句。

Applicable Scenarios

Prioritize this skill for the following needs:

  • Engineering manuscript illustrations, engineering hand-drawn style images, engineering blueprint style illustrations
  • Product design sketches, structural exploded views, conceptual product explanatory diagrams
  • Step-by-step explanatory diagrams, flowcharts, method diagrams, module relationship diagrams
  • Tech-style infographics, course illustrations, PPT illustrations, article illustrations
  • Modern explanatory diagrams with a feel similar to Apple/Tesla product design manuscripts

If the user wants realistic photography, heavy cyberpunk, 3D rendering, comic characters, cute journaling, complex commercial posters, oil painting, ink wash, or pure SVG/HTML images, do not use this skill.

Reference Files

  • references/visual-style.md: Fixed visual specification. Read when writing the final imagegen prompt, maintaining consistent style across a series, or handling reference image transfer.

Core Workflow

Step 1: Determine the Output Mode

  • Default mode: organize the final image generation prompt and directly call image_gen
  • Only when the user explicitly says "only the prompt," "do not generate the image," or "give me the prompt," output only the final prompt
  • If the user provides content and also says "illustrate/draw/generate," do not repeatedly ask follow-up questions; directly perform visual translation and generate the image

Step 2: First Understand the Content, Then Compress It into 1 to 3 Visual Focal Points

Prioritize distilling:

  • Theme: What this image is meant to explain
  • Subject: Product, device, system, process, method, or abstract concept
  • Structure: Steps, modules, causality, comparison, paths, decomposition relationships
  • Annotations: Numbers, leader lines, arrows, partial enlarged views, dimension lines, labels
  • Text in the Image: Keep only 1 to 6 Chinese phrases; do not carry over long passages of original text

Rules:

  • Prioritize converting product or system themes into a central object + surrounding annotations
  • Prioritize converting methods and steps into horizontal paths, numbered nodes, or broken-down flows
  • Prioritize converting abstract concepts into structural diagrams or lightweight icon combinations
  • Compress complex content into clear engineering explanations, without overcrowding the frame
  • Do not put the user's original words into the image as a whole paragraph

Step 3: Read the fixed art style

Before writing the final imagegen prompt, read references/visual-style.md, and merge its background, lines, annotations, light color accents, Chinese typography, and prohibited items into the prompt.

Step 4: Write the final imagegen prompt

The prompt must include:

  • Overall style: white-background engineering manuscript, product design sketch, engineering drawing lines, modern tech infographic
  • Content theme: a distillation of the user's content, not a copy of the original text
  • Main composition: what specifically is drawn in the image and what the positional relationships are
  • Engineering annotations: numbers, leader lines, arrows, callout labels, partial enlarged explanations
  • Line language: fine, precise, clean, dark gray line art; must not be heavy or thick black
  • Light color accents: light blue, light green, light orange, high-transparency watercolor slight emphasis
  • Chinese text: title in dark gray handwritten style; annotation words accurate, clear, print-level readable
  • Ratio:16:9
  • Prohibited items: no heavy black background, no cyberpunk, no strong gradients, no 3D rendering, no crowded layout

Step 4.5: Hard constraints for series image consistency

When this round belongs to a continuous conversation, a series of images, an extension of the same theme, a revision of the previous image, or the user has not explicitly requested a style change, the final prompt must include consistency constraints:

  • Continue the white-background engineering manuscript style of the previous image/version
  • Maintain dark gray fine line art, engineering annotations, and light blue/light green/light orange high-transparency watercolor accents
  • Maintain the feel of a modern product design manuscript; it must not become a comic, journal, realistic rendering, or cyberpunk
  • Adjust only the main subject, step structure, icons, annotation content, and composition according to the new theme

Step 4.6: Reference image style transfer rules

When the user provides a reference image and requests "follow this style" or "make it like this one":

  • Prioritize extracting the reference image's composition, subject proportions, annotation method, whitespace rhythm, and line density
  • Still retain this skill's white-background engineering manuscript, fine lines, light color accents, and modern tech feel
  • If the reference image has very heavy colors, reduce saturation and transparency so the watercolor only provides slight emphasis
  • If the reference image has a lot of text, compress it into a small number of titles, numbers, and annotation words

Step 5: Call imagegen

When direct image generation is needed:

  • Use the organized final prompt to call the built-in image_gen
  • Generate only the one image the user requested at a time; if the user requests multiple images, generate them separately
  • After generation, do not output a long explanation; only briefly state that it has been generated, and if necessary provide the final prompt or save path

Default Imagegen Prompt Template

Organize according to this structure, but naturally rewrite it based on the user's theme:

Use case: engineering-sketch-infographic
Asset type: Chinese 16:9 white-background engineering manuscript illustration
Primary request: 将用户内容转化为清爽、专业、科技感的工程手稿式说明图，不照搬原文，只保留核心信息。

你是一位擅长工程手稿、产品设计草图和科技信息图的视觉设计师。请先理解主题，再画成现代产品设计手稿风格的中文说明图。

整体为纯白色背景 #FFFFFF，大量留白，横向 16:9。画面使用细腻、精确、干净的工程图纸线条风格，深灰色线稿，像苹果/特斯拉产品设计手稿、现代工业设计概念草图、结构示意图。标题使用深灰色手写体，克制、现代、专业。

主题内容：[提炼后的主题]

画面构图：
- [中心主体或主要装置/系统/概念]
- [步骤、模块或结构关系]
- [局部放大、图标、轻量图表或辅助说明]

工程标注方式：
- 使用编号节点、细线引线、箭头、callout labels、局部放大框、尺寸线或拆解标注
- 简洁图标配合步骤说明，不堆叠复杂元素
- 阅读路径清楚，信息从左到右或从中心向外展开

色彩与质感：
- 以深灰线稿为主
- 使用淡蓝色、淡绿色、淡橙色的高透明度水彩点缀，只作为轻微强调
- 水彩不能喧宾夺主，不要大面积彩色块，不要强烈渐变

图中文字采用中文，仅保留重点，可包含：
- [标题]
- [关键词 1]
- [关键词 2]
- [关键词 3]

中文必须准确自然，文字清晰锐利，作为独立图层处理，并达到印刷要求。不要密集文字堆砌，不要把用户原话整段搬上图。

禁止：不要黑色或深色背景；不要厚重粗黑线条；不要赛博朋克；不要强烈渐变；不要 3D 渲染、阴影、金属质感或写实摄影；不要拥挤背景、过多装饰或杂乱排版。保持清爽、专业、科技感和大量留白。图片比例 16:9。

Output Modes

Default to direct image generation

Call image_gen to generate the image. Keep the reply brief and do not output a long analysis.

Prompt only

If the user explicitly requests only the prompt, output:

# 工程手稿插画提示词

## 最终提示词
[可直接用于 imagegen 的完整提示词]

Multiple options

If the user says "give a few directions" or "give 3 versions," output at most 3 options. If the user requests image generation, then call according to the user's choice or by default prioritize the 1st option to call image_gen。

Do / Don't

Do:

  • Understand the content first, then do the visual translation
  • By default, directly call imagegen to generate the image
  • Compress complex information into a small number of visual focal points
  • Use a white background, lots of negative space, and fine dark gray line art
  • Use engineering annotations, numbering, leader lines, arrows, and partial enlarged detail callouts
  • Use only light blue, light green, and light orange highly transparent watercolor for slight emphasis
  • Emphasize Chinese accuracy, independent layers, and print-level readability

Don't:

  • Only output the analysis without generating images, unless the user explicitly only wants the prompt
  • Move the user's original words entirely into the image
  • Use heavy black backgrounds, cyberpunk, strong gradients, 3D rendering, or realistic photography
  • Let the watercolor color blocks steal the spotlight
  • Use crowded backgrounds, too many decorations, or cluttered layouts
  • Draw the engineering manuscript as a children's doodle, cute journal, or comic poster