SuperAPI AI Directory

cyan-circuit-launch-ppt

Design & creation

View repository

Updated 10-15 20:12

About this skill

Cyan-Blue Circuit Launch Event PPT

Convert the user's new content into a 16:9 horizontal PPT image with a cyan-blue tech launch event feel, and by default call the imagegen skill / built-in image_gen tool to generate the image.

Effect Preview

Effect Preview

assets/preview.png It is the 16:9 sample image that the user confirmed as satisfactory when creating this Skill, used to demonstrate the target visual style. When generating new images later, there is no need to copy the preview image content; only reuse its corresponding visual system, layout language, and information organization method.

Default Settings

  • Aspect Ratio: 16:9 horizontal.
  • Image Generation Method: Use the imagegen skill, with the underlying call to the built-in image_gen tool.
  • Background: White or extremely light gray-white background, with large areas of whitespace, combined with light cyan-blue thin-line circuits, dot matrices, scales, geometric wireframes, and faint tech textures.
  • Primary Colors: Cyan-blue, lake blue, sky blue, dark blue-gray; a small amount of light gray is used to soften decorations and auxiliary dividers.
  • Art Style: Modern tech launch event PPT, HUD rings, thin-line circuits, numbered nodes, capsule labels, restrained business-tech infographics.
  • Text: Short Chinese titles, small English labels, numbered modules, and a small amount of explanatory text; avoid long paragraphs, dense small text, and unreadable decorative text.
  • Default Delivery: When the user asks for images, image output, accompanying images, PPT images, or presentation pages, organize the final prompt and call image_gen; when the user explicitly asks only for the prompt, do not call image generation.

Applicable Scenarios

  • Product launches, conference covers, chapter transitions, table of contents pages, roadmaps, process steps, feature highlights, and methodology breakdowns.
  • AI Agent, Skills, digital workflows, technical architecture, product capabilities, course concepts, and corporate reporting themes.
  • Horizontal images that need visual qualities such as "white-background tech feel," "cyan-blue circuits," "HUD rings," "launch event PPT," and "thin-line infographics."
  • Users want to generate images in the same PPT style from a new theme, new copy, or new structure, rather than redrawing the reference image.

Style Specifications

Aspect Ratio and Whitespace

  • Default 16:9 horizontal; the main subject area occupies 75% to 90% of the image, with clean margins around all sides.
  • The visual sense of breathing room should be strong; background decorations should be concentrated at the edges, around the center, or along connecting paths, without pressing on the body text.
  • Information density is low-to-medium to medium, like a professional product launch event presentation page, not a complex system poster.

Background and Texture

  • The background is mainly white, extremely light gray-white, or extremely light blue-white, and can be overlaid with low-opacity dot matrices, short scales, dashed lines, small geometric blocks, and slight circuit textures.
  • Circuit lines often extend from the left and right edges toward the content area; the lines should be thin, light, and restrained, creating a tech atmosphere without competing with the text.
  • The texture should remain flat, clean, bright, and business-tech; do not use dark cyberpunk, strong neon, heavy 3D, or photo collage.

Color System

  • Cyan-blue is used for the main rings, connecting lines, numbered dots, accent labels, and key headings.
  • Deep blue-gray is used for the main title, module titles, and core explanations to ensure clear readability.
  • Light blue and light gray are used for background circuits, auxiliary lines, thin strokes, divider lines, and subtle decoration.
  • Do not use large areas of complex gradients; slight blue gradients and subtle glows may be added to rings, buttons, or highlighted line segments.

Layout Structure

The overall style is fixed as a cyan-blue circuit conference presentation PPT, but the layout must be intelligently selected based on user content, and a single template should not be mechanically applied. Common structures include:

  • Center Focus / Cover Page: A central HUD ring or core title + a small number of surrounding nodes, suitable for product launches, chapter openings, and a single core statement.
  • Table of Contents / Key Points Page: A small ring visual anchor + a numbered table of contents on the right or below, suitable for 3 to 6 themes, chapters, or capabilities.
  • Horizontal Process Page: Numbered nodes or capsule modules connected by thin lines, suitable for step progression, path planning, and workflows.
  • Layered Explanation Page: Title at the top, mechanism in the center, and results or value at the bottom, suitable for methodology and solution explanations.
  • Central Radial Page: Central concept + peripheral modules, suitable for capability maps, ecosystem relationships, and closed-loop optimization.

The number of modules, title positions, ring sizes, connecting line directions, node forms, and icon choices all change with the content; it is sufficient to maintain consistency in white background with negative space, cyan-blue thin lines, tech rings, numbered nodes, and a clean information hierarchy.

Graphic Language

  • Use multiple layers of concentric circles, broken arcs, thin ticks, scanning rings, subtle glowing strokes, and semi-transparent circular textures to form HUD visual anchors.
  • Use thin-line circuits, corner connecting lines, short horizontal lines, dashed lines, dot matrices, and small linear icons to express technical relationships.
  • Information modules may use circular numbering, capsule labels, thin-stroke cards, short divider lines, and very light shadows; rounded corners and strokes should both be restrained.
  • Icons serve only as auxiliary elements and should remain linear, monochrome, or two-color; specific icons should be selected according to the user's theme, without fixing on a particular icon.
  • Decorative elements serve the information path, and rings, circuits, ticks, and text must not crowd each other.

Text Hierarchy

  • The main title is recommended to be 8 to 22 Chinese characters, using deep blue-gray or cyan-blue bold text, positioned prominently and readable.
  • The subtitle is recommended to be 12 to 32 Chinese characters, using deep blue-gray or blue-gray, as a supplement to the core viewpoint.
  • English labels can be used as technological atmosphere accents, such as CONFERENCE, WORKFLOW, PRODUCT, SKILLS, but must be few, clear, and not overpower the main content.
  • Module titles are recommended to be 4 to 10 characters, and explanations should be controlled to a one-line short sentence as much as possible.
  • On-screen text must be clear and readable, without garbled characters, typos, long paragraphs, dense small text, or text obscured by lines.

Items to Avoid

  • Do not reproduce the original text, logos, watermarks, real people, proprietary copyrighted characters, or brand assets of uncertain authorization from reference images.
  • Do not generate dark backgrounds, cyberpunk, photo posters, heavy 3D objects, complex web UI, or crowded data dashboards.
  • Do not cram the user's long text into the image as a whole paragraph, and do not let circuit textures, rings, nodes, and text obscure each other.
  • Do not hard-code the number of modules, coordinates, title positions, icons, or ring styles of any preview image.

Flexible Layout Principles

  • Intelligently select the layout based on the paragraph structure input by the user: cover focus, table of contents list, horizontal process, layered explanation, central radial, or timeline are all acceptable.
  • The number of modules, title positions, icon choices, arrow directions, and emphasis methods can all vary with the content; do not mechanically copy the preview image layout.
  • Prioritize maintaining consistency in color scheme, whitespace, text hierarchy, thin-line tech elements, HUD ring texture, and information density.

Core Workflow

Step 1: Extract Content

Compress the user input into information suitable for expression in a single PPT image:

  • A main title in Chinese of 8 to 22 characters.
  • A short subtitle or core viewpoint of 12 to 32 characters; if the image does not need a subtitle, it can be omitted.
  • 2 to 6 main modules, steps, dimensions, or key points, with the number determined by content complexity.
  • Each module keeps one short title and one short description, avoiding long paragraphs.
  • Determine whether a central conclusion, key labels, stage numbers, process direction, or closed-loop relationships are needed; do not force them in if not needed.

If the user provides an article or long paragraph, first abstract it into structured key points; do not directly copy the original text.

Step 2: Intelligently Select the Layout

Choose the most suitable PPT page type based on the content structure:

  1. Central Focus Cover: suitable for a single core statement, product launch, or chapter opening.
  2. Numbered Table of Contents List: suitable for 3 to 6 chapters, themes, capabilities, or steps.
  3. Horizontal Process: suitable for stage progression, from problem to solution, or from input to result.
  4. Central Radial / Circular Closed Loop: suitable for cyclic optimization, capability maps, or ecosystem relationships.
  5. Layered Explanation: suitable for methodology, solutions, upstream and downstream relationships, and value expression.

Do not force a fixed structure just to match the preview image; prioritize making the current content as clear as possible while maintaining the cyan-blue circuit launch event visual system.

Step 3: Organize the imagegen Prompt

Prompt order:

  1. Specify the image type and ratio: 16:9 horizontal cyan-blue circuit launch event PPT presentation page.
  2. Describe the visual style: white background with high whitespace, cyan-blue thin-line circuits, HUD rings, numbered nodes, capsule labels, light gray tech texture.
  3. Describe the content structure: main title, subtitle, number of modules, layout type, connection relationships, and emphasis points.
  4. Limit text: short Chinese titles, short labels, a small amount of description, clear and readable, no dense small text.
  5. Add negative constraints: no Logo, watermark, original image text, photos, real people, dark background, or garbled text.

Step 4: Call imagegen

  • When the user explicitly asks for an image, image generation, accompanying image, PPT image, or to draw one, use the final prompt to call image_gen。
  • When the user explicitly says "only give the prompt," output only the complete prompt and do not call image generation.
  • When generating a series of images, maintain the same set of white background with cyan-blue color scheme, thin-line circuits, HUD rings, numbered nodes, capsule labels, and text density.

Prompt Template

请生成一张 16:9 横版 PPT 风格图片,风格为“青蓝电路发布会 PPT”。

主题:[用户主题]
主标题:[8 到 22 字中文标题]
副标题:[12 到 32 字中文短句,可按内容省略]

画面结构:
- 根据内容选择 [中心聚焦封面 / 编号目录列表 / 横向流程 / 分层说明 / 中心放射 / 时间线],不要机械复制预览图布局。
- 主要模块:[模块 1]、[模块 2]、[模块 3]、[按内容增减到 2 到 6 个]。
- 连接关系:[细线连接 / 圆环放射 / 横向流程 / 并列节点 / 分层路径],按当前内容决定。
- 强调点:[需要重点突出的观点、结论或转折]。

主要内容:
- [模块 1]:[短说明]
- [模块 2]:[短说明]
- [模块 3]:[短说明]
- [更多模块按内容决定,不要强行填满]

视觉要求:白色或极浅灰白背景,大面积留白;左右边缘或内容路径加入浅青蓝细线电路纹理、点阵、刻度、短线和几何线框;主色为青蓝、湖蓝、天蓝,文字使用深蓝灰;可使用多层同心圆 HUD、断点圆弧、细刻度、扫描环、圆形编号节点、胶囊标签、细描边卡片和轻微蓝色高亮。整体像一页专业中文科技产品发布会 PPT,清爽、克制、现代。

文字要求:中文短标题、短标签、少量说明,英文标签只作少量科技氛围点缀;文字必须清晰可读,不要互相遮挡,不要密集小字,不要乱码。

限制:不要 Logo,不要水印,不要真实人物,不要版权角色,不要复刻任何参考图原文,不要暗黑背景,不要赛博朋克,不要照片拼贴,不要厚重 3D 物体,不要复杂拥挤的数据大屏。图片比例必须是 16:9。

Image Generation Rules

  • When the user says "generate an image / directly generate an image / draw one / accompanying image / PPT image / presentation page," call by default image_gen。
  • Before calling, you may briefly organize the final prompt, but do not give a long explanation of the design process.
  • If the user has not given a specific topic, first infer it from the context; if it truly cannot be inferred, ask only one necessary question.
  • Prioritize a clear title, comfortable whitespace, and a stable information hierarchy before pursuing circuit and ring decorative effects.