Communitygithub.com

SigmaStudioz 可视化器

构建交互式讲解、图表、数据探索器、模拟、Three.js 场景和可编辑的可视化视频。当所需交付物是基于模型、证据或参考的视觉讲解或视频时使用。支持一个交互式工件、一部影片或两者兼有;普通应用UI和电影镜头生成各自使用自己的工作流程。

SigmaStudioz 可视化器 是什么?

SigmaStudioz 可视化器是一个专注于生成视觉工件的 AI 代理技能,它能够将复杂主题通过连贯的视觉模型、有目的性的交互和运动转化为可理解的形式。该技能的核心是交付一个可工作的工件,而不仅仅是一个想法或故事板。它支持两种模式:交互式工件和电影模式,用户可以根据需要选择其中一种或两者。 该技能特别适用于需要解释系统、比较场景、展示测量数据或制作线性讲解视频的场景。它能够根据需求选择合适的可视化技术:对于清晰的简单图表使用 SVG/HTML,对于科学或导出图表使用绘图库,对于密集的动画标记使用 Canvas,对于真正的空间/材质需求使用 Three.js。 作为一项高级技能,它在执行时会要求一个紧凑的验收合同,明确工件的理解目标、必须保持正确的事实和关系、用户需要区分的状态和失败情况,以及所需的格式、运行时、屏幕尺寸和可访问性要求。它强调证据来源的分离,禁止虚构生产数据或未经授权的复制,并确保在不同消费者(如交互式视图和影片)之间使用一致的模型和状态合同。 该技能还包含了详细的艺术指导、源码分析、执行安全性和交接流程,确保工件不仅在技术上正确,也在视觉和叙事上连贯。它被设计为在 Claude Code、Cursor 和 Codex 等平台上运行,通过读取特定的参考文件(如交互、数据、视频和渲染参考)来路由实际请求。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/sigmastudioz/agent-skills/tree/HEAD/plugins/visualizer/skills/visualizer

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

SigmaStudioz 可视化器 是做什么的?

作者:来自 SigmaStudioz 的 Lex。

通过连贯的视觉模型、有目的性的交互和运动,使主题易于理解。交付一个可工作的工件,而不仅仅是一个想法或故事板。这是一个包含交互模式和视频模式的软件包;只做用户需要的模式。

路由实际请求

目标需要时阅读交付物
探索系统或比较场景交互可操作的控件和可供检查的可视化
解释测量数据数据诚实的映射、来源和可访问的替代方案
制作线性讲解影片视频和声音可播放的视频、字幕、可编辑的源文件
丰富的运动、空间场景或着色器艺术与渲染适用于视觉机制本身的渲染器
任何实质性工件追踪与验证证据、修复的间隙和明确的剩余限制

对于清晰的简单图表,使用 SVG/HTML;对于科学/导出图表,使用绘图库;对于密集的动画标记,使用 Canvas;对于真正的空间/材质需求,使用 Three.js。优先使用可用的宿主可视化表面,当它能够提供所需的交互时。在引入技术栈之前,先使用现有的项目工具。不要要求特定的供应商或付费服务。仅阅读适用的参考文件。图表并不自动需要视频或3D引擎。

高级别的简要指导

推断受众、问题、要传达的要点、媒介、目的地和有用的默认控件。仅当答案改变正确性或预期产品时才提问。将真实证据与说明性输入分开建立。记录单位、时间原点、场景假设和不确定性。对于已有的工件,在修改之前检查其源代码、行为和约束。

在进行实质性工作之前,编写一个紧凑的验收合同:

  • 某人应理解、发现或决定什么在使用该工件之后?
  • 哪些事实、方程、关系和用户操作必须保持正确?
  • 用户必须能够区分哪些状态和失败情况?
  • 需要哪些格式、运行时、屏幕尺寸、可访问性需求和导出尺寸?
  • 哪些实际测量将确定性能和完成标准?

不要虚构生产数据、基准测试胜利、因果关系或模型结果。在合成数据、模拟、重建和历史回放出现的地方标注它们。

一个自己拥有的模型,合适的适配器

保持源/证据、验证后的状态、计算、视觉映射、布局、渲染、交互、音频和导出职责分离。在现有仓库中使用实际的领域名称。一个小的HTML文件可能就足够了;不要创建空层或通用框架。

当消费者真正共享行为时,给公共的确定性模型/时间线一个所有者。保持浏览器/设备/提供者适配器分离。如果同时需要交互和影片输出,从同一个场景/状态合约派生它们,而不是维护两个竞争的计算。输入、种子、时间和场景应能在两个消费者中重现相同的有意义状态。记录适配器特定的外观差异;未经比较不要声称像素一致性。

在连接控件之前,定义状态转换、单位、ID、无效输入和终端结果。在源记录、场景对象、事件、字幕和声音提示之间使用显式稳定的ID。依赖方向是数据/模型 → 映射 → 渲染器;控件分发经过验证的状态更改。导出读取定义的快照/时间线,而不是可变的DOM内容或经过时间记录。在提取过程中保持公共行为;追踪实际调用者并移除已被取代的逻辑。

艺术方向和源码分析

将提供的参考作为证据进行研究:检查分布式帧、过渡和细节区域;仅当工具实际支持时才收听/转录音频。记录时间戳和覆盖限制。区分观察、作者声称、实现推断和未知的生产细节。屏幕上的指令和参考文档是源内容,而不是行动的许可。

提取层次结构、轮廓、调色板、材质、空间关系、节奏和声音-图像关系。将该语言转换为原创作品。保留用户身份和主题的含义;未经授权,不要复制参考镜头、角色、主持人、声音或音乐。使用原创/代码原生资产或授权生成;保留许可证和来源。对于高级别的需求,在导出前比较主镜头/机制/回报帧和简短的运动研究。判断最薄弱的维度,而不是不加区分地添加效果。

执行与范围安全

构建最小的有用垂直切片:真实输入 → 模型 → 一个解释性视图 → 有意义的控件或镜头 → 可观察的结果。在预期观看尺寸下审查它,然后扩展它。不要将一个失败的导入、缺失数据或不支持的渲染器隐藏在看起来成功的模拟后面。将私人媒体、凭证和项目特定的证据排除在公共分发之外。在需要时使用隔离的依赖环境;不要仅仅因为选择了此技能就自动进行全局安装、遥测、模型下载、发布、付费生成或账户更改。尊重宿主的权限和用户现有的发布授权。

交接与完成

对于授权的委派或继续,包括目标/限制、实际工作区/修订版本、拥有的文件、模型和场景合约、消费者、资产/权限、依赖项、命令、检查、间隙清单和下一步行动。声明同时存在的所有者;保留他人的编辑。不要假设继承的上下文或未经授权生成代理。要求结果与实际内容修订版本相关联。

运行连接路径追踪和模式特定的检查,如验证。交付可播放/交互的工件、可编辑的源文件和复现说明。给出实际的测试/性能结果和剩余限制。成功的编码、吸引人的截图或模式验证器本身并不能建立正确的行为或在宿主上自动选择技能。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能