工具与集成指南
使用 pixelfx 技能为你的游戏添加像素艺术效果
在 Claude Code 中安装 pixelfx 技能，请求一个霜冻新星，并通过实时成本表了解在廉价模型上这次会话的花费。
你想为浏览器游戏做一个霜冻新星效果，又不想手绘四十帧。pixelfx 技能可以让 Claude Code 来完成：用两条命令安装，用一句话描述效果，智能体就会写出代码。在廉价模型上这次会话的花费取决于它需要多少步，因此下表基于实时价格、按给定假设进行了计算。
pixelfx 是什么#
pixelfx 是一个包含 244 个像素艺术效果的库。根据其 README（github.com/patch-gg/pixelfx，2026 年 11 月 4 日阅读），每个效果都是 src/ 中的一小段代码，类别涵盖火焰、爆炸、水和冰，以及闪电、近战、神圣、暗影、状态、天气、UI 和小生物。有 61 个效果使用了角色，还有 12 个完整动作将多个效果串联在一起。
根据你的引擎，有两种使用方式：
- 浏览器游戏： 直接使用 JavaScript 代码。无依赖。
- Godot 或其他引擎： 将你想要的效果导出为 PNG 精灵表，并附带 Aseprite 风格的 JSON。
仓库中还包含一个独立的 Claude Code 技能，用于创建新效果。本指南讲的就是这个技能。如果你从未打开过技能文件，什么是智能体技能以及如何审查它 只需五分钟，在从仓库安装任何东西之前值得一读。
安装技能#
你需要已经将 Claude Code 指向 CheapTokens。如果还没有，请先完成这一步：如何将 Claude Code 连接到 CheapTokens 中有地址和变量。对于包含长文件的游戏代码，一个不错的选择是 DeepSeek-V4-Flash（deepseek-）：每次回答最多 32,768 个 token，380K 上下文窗口，且全天统一价格。详情见 DeepSeek 模型页面。
README 给出了两种安装方式。插件方式是在 Claude Code 中执行两条命令：
/plugin marketplace add patch-gg/pixelfx
/plugin install pixelfx@pixelfx手动方式是将仓库中的 skills/pixelfx 文件夹复制到 ~/。
排序
按正确顺序进行设置
拖动项目或使用箭头
- 将 Claude Code 连接到你的 CheapTokens 密钥
- 使用 /plugin marketplace add 添加 pixelfx 市场
- 使用 /plugin install 安装技能
- 用自然语言请求一个效果
请求一个效果#
该技能由普通请求驱动：添加、导出、调整或创建效果。README 自带的示例是最好的起点。打开你的游戏文件夹，启动 claude，然后输入类似这样的内容：
Add a frost nova to my character's ultimate.这就是全部提示词。该技能就是为这类请求而构建的：它教会 Claude Code 查找、使用、导出和制作效果，当它制作新效果时，会按照 README 所述，以草稿、渲染、查看、改进的循环方式工作。与任何智能体会话一样，预期会有多个步骤而不是一次回复：先读取文件，然后编辑。
如果你使用 Godot，请请求 README 描述的另一种方式：
Export the fire and explosions categories as sprite sheets for Godot.你会得到一个以网格排列帧的 PNG 以及 Aseprite 风格的 JSON；根据 README，Godot 和 Unity 的 Aseprite 导入器可以读取它。
开始之前有一个值得了解的注意事项。绘制在身体上的效果是为标准的 24x38 假人编写的，因此尺寸不同的角色需要重新生成这些效果。
自己试试试一试：你的英雄是 32x48 像素。身体效果能对齐吗？显示答案
开箱即用不能。身体效果是为 24x38 假人绘制的，因此请让 Claude Code 为你的角色尺寸重新生成该效果。
一次会话的花费#
这是让人意外的地方。效果本身是一个小文件。成本来自智能体的工作：每一步 Claude Code 都会重新发送它已读取的项目文件、技能文本以及到目前为止的对话。
快速检查
Claude Code 会话的哪一侧通常占据大部分 token？
显示答案
答案: 每一步重新发送的输入
每一步都携带整个工作上下文，因此输入会快速累积，而每个回答要短得多（在下面的示例中，是 1,500 个 token 对 30,000 个 token）。
这里有一个你可以为自己的项目更改的假设：假设会话需要 20 步，每一步发送约 30,000 个 token 的输入（文件、技能文本和历史记录），模型写出约 1,500 个 token。在 DeepSeek-V4-Flash 上，这样一步花费 $0.0006，整个 20 步会话见下表。表中还列出了每个模型在我们价格旁边的 OpenRouter 价格，按输入和输出合计计算。
| 模型 | 输入 $/1M | 输出 $/1M | 每次请求 | 20 次请求 | OpenRouter，20 次请求 |
|---|---|---|---|---|---|
| GLM-5.3-Flash | $0.02 | $0.04 | $0.00066 | $0.0132 | $0.0226 |
| DeepSeek-V4-Flash | $0.015 | $0.10 | $0.0006 | $0.012 | $0.0462 |
| MiniMax-M2.7 | $0.05 | $0.15 | $0.0017 | $0.0345 | $0.414 |
每次请求 30,000 个输入 token 和 1,500 个输出 token。每 100 万 token 的价格为当前价格，会随我们的资费一同变动；OpenRouter 列显示相同工作负载的参考价格。
当前每 1M token 的价格：输入 $0.015，输出 $0.10。对于对已有效果的小调整，GLM-5.3-Flash 拥有 390K 上下文和每次回答最多 8,192 个 token，对于调整颜色或时序来说绰绰有余。
要了解与智能体一起度过更长一天会如何累积，如何让 Claude Code 更便宜 介绍了减少输入的習慣。
发布之前#
代码和效果采用 MIT 许可证。gallery/fonts 中的 Patch Pixel 字体不在 MIT 覆盖范围内（见仓库中的 NOTICE.md），部分效果改编自 Hugo Duprez 和 Hollow Crown 的 MIT 代码。如果你的游戏要发布该字体，请先阅读 NOTICE.md。
要开始使用你自己的密钥和模型列表，请参阅 CheapTokens 文档 和实时 定价 页面。
