用途：该技能说明如何在 Helios 项目中集成 P5.js，实现由 Helios 状态驱动的动画与生成艺术绘制。
主要能力与用法：使用 P5 的 Instance Mode（new p5(sketch)）而非全局模式，避免全局变量污染并兼容模块打包器。在 setup() 中调用 p.noLoop() 关闭 P5 内部由 requestAnimationFrame 驱动的循环，使 P5 仅在 Helios 更新时绘制。绘制逻辑中通过 helios.getState() 获取 currentFrame 与 fps，用 currentFrame / fps 计算时间，而非依赖 P5 的 frameCount，从而让位置等动画基于 Helios 时间。通过 helios.subscribe() 订阅状态变化，并在回调中调用 P5 实例的 redraw() 触发重绘。
快速开始包含的导入与初始化：从 @helios-project/core 导入 Helios，从 p5 导入 p5；创建 new Helios({ duration: 10, fps: 60 })；在 sketch 中 setup 创建画布、draw 内读取 Helios 时间并绘制圆形；最后用 new p5(sketch, document.getElementById('canvas-container')) 挂载，并通过 helios.subscribe 驱动重绘。
适用场景：制作创意编程草图、生成艺术，以及需要与 Helios 时间轴同步的 P5 动画。
限制与说明：资料未提供完整的 subscribe 内重绘示例细节（注释提示需持有 p5 实例引用），也未说明安装命令、依赖版本、收费、平台支持或性能限制，这些暂未提供。