SuperAPI AI 工具集

canvas-design

设计与创作

查看项目

更新于 10-16 03:47

技能介绍

用途:Canvas Design 提供两步式设计工作流,先明确设计哲学,再基于画布进行视觉创作,参考 anthropics/skills 的 canvas-design 方法。适用触发场景包括:创建设计哲学文档(.md)、生成画布视觉设计(.png/.pdf)、阐明设计原则与美学理由、制作多页设计文档、探索设计思维与有意图的视觉传达。

主要能力:第一步产出设计哲学 Markdown 文档,结构包含核心意图、指导原则、美学方向(颜色、字体、空间、材质/纹理哲学)、灵感与参考;第二步按画布工作流创作,包括回顾哲学、定义画布(尺寸、背景、网格)、建立层级、应用哲学、精炼。内置设计原则强调目的性、层级、一致性、克制、工艺。多页文档需保持一致的页边距与网格、统一调色板、视觉节奏,并在密集内容间安排呼吸页。

使用方式:按症状到动作的触发方式匹配后应用本技能,并按验证协议核对。跨客户端可移植:GitHub Copilot 保持文件夹在可见技能路径;Claude Code 放在本地技能目录或兼容插件源;Codex 安装或同步到 $CODEX_HOME/skills/canvas-design 并在重大变更后重启。无需 MCP 服务器;无 MCP 时使用回退提示,依赖本地说明、捆绑资源、标准 shell 或编辑器工具与直接验证,不得声称使用了宿主未暴露的 MCP 操作。

局限与注意:避免未经适配直接套用通用模板、忽略最终渲染或导出审查、在同一遍中同时修改内容与呈现。验证协议要求:命名目标运行时、框架版本和受影响文件;对变更面运行构建、lint、测试或等效本地验证;处理错误、依赖漂移与环境差异的边界情况;不得有无测试支撑的成功声明。参考资源包括设计原则文档、色彩心理学文档、调色板生成脚本 scripts/generate-palette.py(含 WCAG 对比度检查)和示例设计哲学文档。