mcpField
V
visual-design

visual-design

github.com/factory-ai创意与媒体117160 次安装3 天前更新
代码仓库

关于 visual-design

visual-design 是用于通过命令行生成和编辑图像、制作演示文稿的技能。它使用 nanobanana CLI 处理视觉素材，并使用 Slidev 创建基于 Markdown 的幻灯片。

主要功能

  1. 01用 nanobanana CLI 生成和编辑图像
  2. 02创建徽标、图标和示意图
  3. 03制作图案与 UI 素材
  4. 04用 Slidev 编写 Markdown 幻灯片
  5. 05导出为 PowerPoint 或构建可托管 SPA

适用场景

  1. 01生成多种徽标和图标方案
  2. 02编辑照片或移除背景
  3. 03创建认证流程等示意图
  4. 04制作并导出演示文稿

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/factory-ai/factory-plugins --skill visual-design

安装后在 Claude Code 中输入/visual-design确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

image-generation.md
presentations.md
reference-slide-example.md

详细介绍

视觉设计

图像生成和演示文稿。

图像生成

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

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

演示文稿

使用 Slidev 创建幻灯片，这是一款基于 Markdown 的演示文稿工具。

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

用 Markdown 编写幻灯片，即可获得代码高亮、动画、图表和 Vue 组件。

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

评论

支持 Markdown