用途
create-canvas 是一个用于指导 AI 模型搭建自由画布工作区的技能。其目标是在现有项目中创建一个可探索、可比较、可迭代的画布，让模型在源码文件中修改的内容以“实时、有名称、可移动、易引用”的形式呈现在画布上。它并非一款可直接安装的软件，也不提供独立运行的服务，而是一套约束模型行为与实现方式的规范文本。
主要能力
- 项目优先：先阅读仓库规则、路由、组件 API、主题、设计令牌和测试，并优先查找已有画布，避免重复创建。
- 类型化注册表：画布项以源码中的类型化列表管理，每项定义稳定 ID、唯一可读名称、组件、安全测试数据、初始位置和尺寸；增删改条目通过修改源码完成，不提供运行时编辑器控件。
- 实时预览与命名：每个预览以独立标签命名（如“Pricing card · compact”），点击标签可复制精确名称，并提供可见的移动把手控制位置。
- 导航与主题：支持平移、缩放、适应全部、重置相机、键盘操作，以及一个全局主题选择器，复用项目现有主题 API。
- 布局持久化：只保存相机、支持的主题偏好和按稳定 ID 记录的位置，使用带版本的轻量文档；新条目始终显示，过期 ID 被忽略。
- 安全隔离：预览复用生产组件的公共 API，使用合成数据、模拟服务和安全 provider，阻止真实请求与写入；隔离不可用时省略预览并说明原因。
- 手势分离：画布平移缩放与预览内部输入分开处理，保留预览中的点击、输入、选择、快捷键、滚动和触摸行为。
- 性能与可访问性：限制每帧变换写入次数，缓存测量边界，提供可见键盘焦点，并如实报告测试与未测试项。
使用方式
该技能以文本说明形式提供给模型，模型在具备项目访问权限的环境中按步骤实施：先调研项目并确认是否已有画布；再选择框架、组件、主题与访问控制；从一个安全的实时预览、可读标签和独立移动把手开始，确保其能挂载；随后添加注册表与所需内容，再补充复制、相机控制、主题与保存布局；后续请求在现有工作区上增量更新，保留名称、ID、位置与无关实验。若需求含糊，应向用户确认所指条目。
适用场景
适合需要在现有前端项目中快速搭建内部探索画布、比较多个设计变体、并让模型通过对话迭代内容的场景。也适用于需要保留生产组件独立、只在画布中做局部实验的团队。不适合希望获得开箱即用画布产品、无需项目代码环境的用户。
限制
资料未提供该技能的安装命令、具体依赖、支持的框架范围、收费方式或在线演示地址。其实现依赖项目自身框架、组件、主题和测试设施；隔离与门户主题等能力受浏览器和公开 API 限制，需在实际项目中验证并如实报告。