Tesseract Design 是 mirage-hq/tesseract 提供的一个设计技能，用于创建和修改静态视觉设计，并以可编辑的 Tesseract 合成文件和渲染后的 PNG 作为产出。
用途 该技能将用户的简要需求转化为静态视觉设计，并使用 tsrct preview 进行渲染。设计形式包括海报、社交媒体图形、幻灯片版式、图表、界面原型或其他合成。PNG 是主要交付结果，同时保留可编辑的 .tsrct 源文件以便后续修改。若需与其他编辑工具（如 Premiere Pro 或 After Effects）互转文件，需参考 conversion 相关文档；打开共享或较旧的 .tsrct 文件、更新工具或排查加载与渲染差异时，需参考 versions and compatibility 相关文档。
主要能力 在设计方向确定上，技能建议利用已提供的上下文，包括设计目的、受众、信息或行动、预期媒介、文案、品牌素材、视觉参考以及要求的尺寸或变体。它会检查提供的参考和素材，仅在缺失信息会实质性影响设计时提问，对开放选项给出合理假设并继续推进。修订时保留既有方向和范围。
在视觉执行上，技能要求选择与需求和内容相符的视觉方向，涵盖字体层级、间距、网格、色彩和图像。使用真实文案和提供的素材，对占位内容进行标识，而不是虚构客户证据或主张。针对每种请求的格式调整构图和字体。对于带响应式变体的网页/界面原型，要求为每个宽度重新排版内容，而不是缩小桌面图像。
在使用方式上，技能要求从包含 SKILL.md 的目录解析其根路径，遵循安装说明，每个会话检查一次所需的 CLI 版本，并在全程使用其解析后的可执行文件路径。按照 static authoring 创建或修改便携文档，设置实际画布尺寸，导入字体和图像，保存可编辑图层。需要查询已安装的 schema 以获取所需字段，不得虚构 API 或假设浏览器/CSS 行为。文本、形状、图表元素和版面几何应保持为原生可编辑图层；照片、标志和其他提供的栅格素材使用图像。不得将整个版面压平为单一图像。对相关元素或组件可使用命名分组。
在预览与交付上，技能要求尽早渲染 PNG 并打开，然后修改已保存的合成。从层级、对齐、间距、换行、裁剪、图像裁切、对比度以及在预期观看尺寸下的文字可读性等方面进行审查。大型或细节丰富的设计既要在近景下查看，也要在整体尺度下查看。仅渲染成功并不代表设计良好。最终设计或要求的变体应从其保存的源文件使用 preview 渲染。使用清晰命名，如 Poster.png、Social-square.png 或 Home-mobile.png，并在支持时内联显示图片。每个最终 PNG 都应附带有明确标注的链接，并与其匹配的可编辑 .tsrct 源文件并列，即使 PNG 已内联显示也是如此。这些链接使用绝对本地路径，并说明实际图像尺寸。保留工作用 JSON 和有用素材以便继续。
适用场景 适用于需要交付静态视觉设计并保留可编辑源文件的场景，包括海报、社交媒体图形、幻灯片、图表、界面原型等。幻灯片为 PNG 版式加可编辑的 Tesseract 源文件，不意味着交付了 PowerPoint 或印刷生产文件。对于网页/界面原型，需区分静态设计与已实现的网站或可交互功能。
限制与注意事项 该技能的产出为 PNG 和可编辑的 .tsrct 源文件，不需要视频导出、音频处理或动画。PNG 是最终交付物。需说明任何缺失素材、未审查的输出或渲染器限制。CLI 可能对某些命令发送基础使用遥测，需查阅 telemetry 文档了解收集的数据和退出方式；不得替用户启用遥测。