visual-design

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Visual design

视觉设计

Image generation and presentations.

图像生成与演示文稿制作。

Image generation

图像生成

Create and edit images from the command line using nanobanana CLI.

bash

npm install -g @factory/nanobanana
export GEMINI_API_KEY="your-key"

nanobanana generate "company logo" --count=4 --styles=modern,minimal
nanobanana edit photo.png "remove background"
nanobanana icon "settings gear" --style=flat
nanobanana diagram "auth flow" --type=flowchart

Handles: logos, icons, diagrams, patterns, photo restoration, UI assets, visual sequences.

See: image-generation.md

使用nanobanana CLI从命令行创建和编辑图像。

bash

npm install -g @factory/nanobanana
export GEMINI_API_KEY="your-key"

nanobanana generate "company logo" --count=4 --styles=modern,minimal
nanobanana edit photo.png "remove background"
nanobanana icon "settings gear" --style=flat
nanobanana diagram "auth flow" --type=flowchart

支持：标志、图标、图表、图案、照片修复、UI资源、视觉序列。

参见：image-generation.md

Presentations

演示文稿

Create slides using Slidev, a markdown-based presentation tool.

bash

npm init slidev@latest
slidev                    # dev server
slidev export --format pptx   # export to PowerPoint
slidev build              # build as hostable SPA

Write slides in markdown, get code highlighting, animations, diagrams, and Vue components.

See: presentations.md and reference-slide-example.md

使用Slidev（基于Markdown的演示工具）创建幻灯片。

bash

npm init slidev@latest
slidev                    # 开发服务器
slidev export --format pptx   # 导出为PowerPoint
slidev build              # 构建为可托管的SPA

用Markdown编写幻灯片，支持代码高亮、动画、图表和Vue组件。

参见：presentations.md 和 reference-slide-example.md