tesseract-design

使用 Tesseract 进行设计

如需将文件转换为其他编辑工具（如 Premiere Pro 或 After Effects）可用的格式，或从这些工具转换文件，请阅读转换。打开共享或较旧的 .tsrct 文件、更新工具，或调查加载／渲染差异时，请阅读版本与兼容性。

将用户的需求转化为静态视觉设计，并使用 tsrct preview 渲染。以 PNG 作为主要交付成果，并保留可编辑的 .tsrct 源文件，以便后续修改。根据需求选择格式：海报、社交媒体图片、幻灯片、图表、界面模型或其他构图。

某些命令可能会发送基本使用情况遥测数据。有关收集的数据和退出方式，请阅读遥测；切勿代替用户启用遥测。

确定设计方向

使用已提供的背景信息：设计目的、受众、信息或行动号召、目标媒介、文案、品牌素材、视觉参考，以及所需尺寸或变体。检查所提供的参考资料和素材。仅在缺少的信息会实质影响设计时才提问；对于开放选项，说明合理的假设并继续。修改时，保留现有方向和范围。

选择与需求和内容相符的视觉方向：字体层级、间距、网格、色彩和图像。使用真实的文案和所提供的素材；对于占位内容，应明确标注，不要编造客户证据或宣传主张。针对每种所需格式调整构图和字体。对于带响应式变体的网页／UI 模型，应根据每种宽度重新排布内容，而不是缩小桌面版图片。

编写与预览

1. 根据此 SKILL.md 所在目录确定本技能的根目录。按照安装说明操作，每个会话检查一次所需 CLI 版本，并在整个过程中使用已解析的可执行文件路径。
2. 按照静态内容编写的说明创建或修改可移植文档、设置实际画布尺寸、导入字体／图像，并保存可编辑图层。查询已安装的架构以确定所需字段；切勿编造 API 或假定浏览器／CSS 的行为。
3. 将文本、形状、图表元素和布局几何结构保留为原生可编辑图层。照片、徽标和其他提供的栅格素材使用图像。不要将整个版面合并为一张图片。可使用命名组来归类相关元素或组件。
4. 尽早渲染 PNG、打开图像并修改已保存的构图。检查视觉层级、对齐、间距、换行、裁切、图像裁剪、对比度，以及目标观看尺寸下的文字可读性。对于大型或细节丰富的设计，既要放大检查，也要整体查看。渲染成功并不代表设计质量合格。

交付设计

使用已保存的源文件，通过 preview 渲染每个最终设计或所需变体。使用清晰的名称，例如 Poster.png、Social-square.png 或 Home-mobile.png，并在支持时以内嵌方式展示图像。为每张最终 PNG 提供清晰标注的链接，并附上对应的可编辑 .tsrct 源文件，即使 PNG 已以内嵌方式展示也不例外。链接使用绝对本地路径，并注明图像的实际尺寸。将工作用 JSON 和有用素材与项目一同保留，以便后续继续处理。

PNG 即为最终交付成果；无需导出视频、处理声音或制作动画。说明任何缺失的素材、未经检查的输出或渲染器限制。对于网页／UI 模型，应明确区分静态设计与已实现的网站或可运行的交互。幻灯片是 PNG 版面和可编辑的 Tesseract 源文件；不得暗示已交付 PowerPoint 文件或印刷制作文件。