社区案例

Voxel AI 网站搭建信息图

一张方形的日式 Voxel 风格信息图，展示了 AI 网站搭建的工作流程，包含弃用工具、必备工具以及最小化输入功能卡片。

クロニキ｜Claude Code専門家 · 2026-07-13 · 约 3 分钟

参考效果：Voxel AI 网站搭建信息图 — 社区作者发布的参考画面 · クロニキ｜Claude Code専門家

编辑提示词

完整提示词

目标：创作一张方形的 Voxel 艺术风格日式信息图海报，展示如何使用极简工具搭建大量 AI 网站，采用温暖的米色 Minecraft 风格方块美学。

画布：1:1 正方形构图，768x768 风格，柔和的摄影棚灯光，棕褐色纸张与木质背景，角落处有微妙的 Voxel 方块，清晰的等距像素/Voxel 边缘，浅阴影，非写实风格。

主标题区域：在顶部放置一个大型奶油色斜面标牌，上面带有块状日文文本 {argument name="headline text" default="300超 AIサイト構築"}。将“300超”设为亮橙红色，“AIサイト構築”设为黑色。在标题下方，附加一个居中的小型米色标签，文字为 {argument name="subtitle text" default="実績"}。使用厚实的挤压式 Voxel 字体。

中心布局：在标题下方，创建一个带有装饰性阶梯边框的大型奶油色框架面板。在面板内部，将内容分为三个垂直区域：左侧清单、中心工作流程插图、右侧清单。区域之间使用虚线垂直分隔线。

左侧清单：标题标签为 {argument name="left section title" default="不要"}。展示 4 个弃用项，每个项左侧带有大型黑色 Voxel X 图标，右侧带有小型奶油色标签。4 个标签从上到下依次为：「フィグマ」、「フレーマー」、「ウェブフロー」、「コード」。

中心工作流程插图：垂直堆叠展示 3 个主要元素：1) 一个黑色电脑显示器，显示带有橙色和米色线条的简单代码/编辑器窗口；2) 一张奶油色文档，上面有几行文字和一个橙色方块；3) 底部有一个指向右侧的橙色箭头。保持所有元素为块状和 Voxel 构建风格。

右侧清单：标题标签为 {argument name="right section title" default="使うもの"}。展示 3 个批准项，每个项在奶油色方块上带有绿色 Voxel 对勾图标，右侧带有小型奶油色标签。3 个标签从上到下依次为：「クロード」、「動画生成」、「プロンプトだけ」。

底部行：在主面板底部放置 3 张独立的奶油色斜面卡片。卡片 1 带有橙色聊天气泡图标和文字「相談風 デザイン」。卡片 2 带有橙色立方体图标和文字「AIで 構築」。卡片 3 带有橙色铅笔图标和文字「最小入力」。

角色与装饰物：添加 2 个 Voxel 角色/吉祥物：左下角是一个穿着黑色连帽衫的黑发小人，指向面板上方；右下角是一只坐在面板旁边的橙白色 Voxel 猫。在左上角的架子上添加一盆块状盆栽，右上角添加一个放着竖立书籍的小架子。散落一些微小的米色和橙色立方体作为装饰，但保持海报整洁易读。

视觉风格：高质量 3D Voxel 立体模型，块状挤压式日文字体，温暖的奶油色、棕褐色、橙色、黑色和绿色调色板，柔和的环境光遮蔽，正交前视图，友好的教育科技信息图，标签排列整齐，日文文本清晰易读。

约束：使用 4 个 X 标记的弃用项，3 个对勾标记的批准项，3 张底部功能卡片，以及 2 个吉祥物形象。不要添加额外的部分、额外的清单、Logo、水印或英文字符。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由クロニキ｜Claude Code専門家发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗