生产力
office-sprite avatar

office-sprite

使用 Nano Banana MCP 和 ImageMagick 为 Claude Office Visualizer 生成并处理 16 位像素艺术办公资源。

简介

office-sprite 技能为 Claude Office Visualizer 提供了一套自动化流水线,用于创建适合实时模拟环境的 16 位像素艺术资产。该工具专为需要制作与视觉化环境 45 度前视角相符的家具和物体精灵图的开发人员和创意用户设计。通过利用 Nano Banana MCP 进行 AI 图像生成,并结合专业的 ImageMagick 多重处理脚本,用户可以将原始 AI 输出转换为干净、透明的 PNG 文件,以便直接集成到 PixiJS 前端环境中。

  • 使用 Nano Banana MCP 进行自动化生成,并针对 16 位、前视、非等距像素艺术风格提供定制化提示词模板。

  • 内置验证工作流程,确保在进行图像处理前,精灵图的透视角度和居中效果准确无误。

  • 采用高级多重处理背景移除脚本,结合 FFmpeg 和 ImageMagick,彻底清除洋红色 (#FF00FF) 背景及边缘的抗锯齿紫色杂边。

  • 支持自定义物体描述,可用于生成办公桌、椅子、饮水机等特定办公家具。

  • 遵循与 Claude Office 代码库结构兼容的标准化输出路径和命名规则。

  • 请确保生成的透视角度明确设定为 45 度前视/俯视,以匹配模拟环境的美学,避免 AI 模型默认产生的等距(Isometric)透视。

  • 务必遵循多阶段处理工作流——使用 FFmpeg 进行原始色调移除,再使用 ImageMagick 进行基于模糊的透明度处理——以确保精灵图边缘完整、无杂色。

  • 在更新 React 组件或 OfficeGameV2.tsx 逻辑之前,请务必校验最终精灵图的透明度表现和缩放比例。

  • 生成的资产与 PixiJS 资源加载器无缝集成,支持在虚拟办公空间中进行编程化的家具实例化。

  • 利用此工具保持所有自定义精灵图的视觉一致性,确保它们与现有环境的像素艺术调色板和清洁边缘要求保持高度一致。

仓库统计

Star 数
318
Fork 数
64
Open Issue 数
6
主要语言
TypeScript
默认分支
main
同步状态
空闲
最近同步时间
2026年5月3日 22:04
在 GitHub 查看