SuperAPI AI Directory
Partner with us中文AI newsFavorites
Skillsblue-white-3d-tech-ppt

blue-white-3d-tech-ppt

Design & creation

View repository

Updated 10-15 20:12

About this skill

Blue and White 3D Tech Business PPT

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

Preview

Preview

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

Default settings

  • Aspect ratio: 16:9 horizontal.
  • Image generation method: Use imagegen skill, which calls the built-in image_gen tool under the hood.
  • Background: white to very light blue gradient, with soft blue glow, fine grid, wireframe, or semi-transparent geometric decorations.
  • Main colors: high-saturation tech blue, light blue, blue-purple; a small amount of orange is used only for magnifying glasses, emphasis circles, or key highlights.
  • Art style: modern business PPT, light 3D tech illustration, glassmorphism cards, fine strokes, soft shadows, numbered modules, and clean whitespace.
  • Text: short Chinese titles, short subtitles, module labels, and a small amount of explanation; avoid long paragraphs and unreadable small text.
  • Default delivery: when the user asks for an image, image generation, accompanying image, PPT image, or presentation page, organize the final prompt and call image_gen; when the user explicitly asks only for a prompt, do not call image generation.

Applicable scenarios

  • Business tech themes such as AI Agent, Skills, data analysis, product capabilities, workflows, digital transformation, and corporate reports.
  • Chapter covers, table of contents pages, flowcharts, three-to-five-point methodologies, circular relationship diagrams, three-column explanation pages, and key viewpoint summary pages.
  • Horizontal images that require visual qualities such as "blue-white tech feel", "3D data illustration", "business report PPT", "glass cards", and "lightweight infographic".
  • The user wants to generate images in the same PPT style from a new theme, new copy, or new structure, rather than redrawing the reference image.

Style guidelines

Canvas and whitespace

  • Default 16:9 horizontal, with the main area occupying 80% to 90% of the canvas and clean margins around all sides.
  • Whitespace should be ample, with low to medium information density, like a carefully laid out page of an enterprise presentation.
  • Combinations such as a top title band, left title area, central content area, right illustration area, and bottom module area may be used; the specific positions are chosen naturally according to the content.

Background and texture

  • The background is mainly white, very light blue, and light gray-blue gradients, and may include slight grids, fine lines, dashed lines, dots, or semi-transparent geometric blocks.
  • A dark blue horizontal bar, blue title band, or light blue divider area may appear at the top or edges of the page to create a PPT header feel.
  • The texture should be fresh, bright, businesslike, and tech-oriented; do not use dark cyberpunk, complex posters, or realistic photo collages.

Color system

  • Deep blue is used for title bars, main numbers, key lines, and emphasis blocks.
  • Light blue and blue-purple are used for card backgrounds, gradient strokes, icon base colors, auxiliary labels, and connecting lines.
  • Blue-gray is used for body text and secondary text to reduce visual noise.
  • Orange serves only as a small number of visual anchors, such as magnifying glass borders, key rings, or key prompts, and should not be spread over large areas.

Layout Structure

The overall style is fixed as a blue-and-white business technology PPT, but the layout must be intelligently selected according to user content, and a single template should not be mechanically applied. Common structures include:

  • Cover / Title Page: large title on the left or center + subtitle + light 3D technology illustration on the right.
  • Table of Contents / Key Points Page: blue title area or visual anchor on the left + vertical numbered list on the right.
  • Process / Method Page: title bar at the top + node cards, dashed connections, and icon modules in the middle.
  • Circular Relationship Page: central ring diagram, short labels around it, and lightweight explanations, suitable for cycles, closed loops, or capability relationships.
  • Three-Column / Multi-Column Explanation Page: 3 to 5 modules arranged side by side at the bottom or in the middle, suitable for breaking down viewpoints, stage explanations, and product capabilities.

The number of modules, title positions, illustration sizes, numbering methods, and connecting line directions all vary with the content; it is enough to maintain consistency in the blue-and-white technology business style, light 3D illustrations, glass cards, and clean white space.

Graphic Language

  • Use 8 to 18px rounded rectangular cards, filled with white or light blue semi-transparent color, with thin blue strokes and soft shadows.
  • Use linear icons or lightweight 3D icons to express documents, screens, data, magnifying glasses, dashboards, nodes, clouds, files, and arrows.
  • A light 3D data screen, document page, magnifying glass, bar chart, or floating card can be placed at the upper right, on the right side, or near the title bar as the main technology-themed visual.
  • Numbering commonly uses blue-purple small labels such as 01 / 02 / 03 / 04, which can be paired with thin lines, dashed lines, or small icons.
  • Arrows and connecting lines should be light and should not steal the spotlight; graphic decoration serves the information hierarchy.

Text Hierarchy

  • The main title is recommended to be 8 to 22 Chinese characters, using deep blue or near-black blue bold text, positioned prominently and readable.
  • The subtitle is recommended to be 12 to 28 Chinese characters, using blue-gray or light blue-gray as supplementary explanation.
  • Module titles are recommended to be 4 to 10 characters, and body explanations should be controlled to one short sentence per line as much as possible.
  • Text in the image must be clear and readable; do not have dense small text, garbled characters, English placeholders, or text obscured by illustrations.

Things to Avoid

  • Do not replicate the original text, logos, watermarks, real people, proprietary copyrighted characters, or brand assets with uncertain authorization from reference images.
  • Do not generate dark backgrounds, cyberpunk, heavy metal technology style, complex 3D scenes, web UI screenshots, or photo posters.
  • Do not cram the user's long text into the image as a whole paragraph, and do not let cards, arrows, illustrations, and text squeeze each other.
  • Do not hard-code the number of modules, coordinates, icons, or title positions of any single preview image.

Core Workflow

Step 1: Refine Content

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

  • One 8 to 22 Chinese character main title.
  • One 12 to 28 character short subtitle or core viewpoint; if the image does not need a subtitle, it can be omitted.
  • 2 to 5 main modules, steps, dimensions, or key points; the number is determined by the content complexity.
  • Each module keeps one short title and one short description; avoid long paragraphs.
  • Determine whether a central conclusion, key reminder, risk warning, or closed-loop relationship is needed; do not force it 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 choose the layout

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

  1. Single-point cover: Suitable for one core statement, product concept, or chapter opening.
  2. Vertical table of contents list: Suitable for 3 to 5 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. Multi-column explanation: Suitable for parallel viewpoints, product selling points, or methodology breakdowns.

Do not force it into a certain structure just to match the preview image; prioritize making the current content as clear as possible while maintaining the blue-and-white tech business visual system.

Step 3: Organize the imagegen prompt

Prompt order:

  1. Specify the image type and ratio: 16:9 horizontal blue-and-white tech business PPT presentation page.
  2. Describe the visual style: light blue gradient background, title band, glassmorphism cards, light 3D data illustrations, blue-purple numbering, soft shadows.
  3. Describe the content structure: main title, subtitle, number of modules, layout type, connection relationships, and emphasis points.
  4. Restrict the text: short Chinese titles, short labels, a small amount of explanation, 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, keep the same blue-and-white color scheme, title band, card corner radius, light 3D illustration texture, numbering style, and text density.

Prompt Template

请生成一张 16:9 横版 PPT 风格图片，风格为“蓝白 3D 科技商务 PPT”。

主题：[用户主题]
主标题：[8 到 22 字中文标题]
副标题：[12 到 28 字中文短句，可按内容省略]

画面结构：
- 根据内容选择 [封面标题页 / 目录列表 / 横向流程 / 中心放射 / 环形闭环 / 多列说明]，不要机械复制预览图布局。
- 主要模块：[模块 1]、[模块 2]、[模块 3]、[按内容增减到 2 到 5 个]。
- 连接关系：[箭头 / 虚线 / 环形关系 / 并列卡片 / 分层结构]，按当前内容决定。
- 强调点：[需要重点突出的观点、结论或转折]。

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

视觉要求：白色到极浅蓝渐变背景，顶部或局部深蓝标题带，清爽留白；高饱和蓝、浅蓝、蓝紫为主色，少量橙色用于强调；白色或浅蓝半透明圆角卡片，细蓝色描边，柔和投影；右侧或局部加入轻 3D 科技插画，例如数据屏幕、文档卡片、放大镜、箭头、图表或悬浮模块；编号使用 01/02/03 风格蓝紫小标签。

文字要求：中文短标题、短标签、少量说明，文字必须清晰可读，不要互相遮挡，不要密集小字，不要乱码。

限制：不要 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 explain the design process at length.
  • If the user has not given a specific topic, infer it from the context first; if it truly cannot be inferred, ask only one necessary question.
  • Prioritize ensuring clear titles, comfortable whitespace, and a stable information hierarchy before pursuing decorative effects.