interactive-component-integration
在终端中运行以下命令:
dsh plugin install Duoasa/interactive-component-integration
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 中执行 dsh plugin install Duoasa/interactive-component-integration,即可从 https://github.com/Duoasa/interactive-component-integration 安装该插件到当前 profile。
插件介绍
把第三方交互组件搬进项目时,最隐蔽的翻车不是页面打不开,而是渲染管线在你看不见的地方悄悄漂移了:默认参数没对上、DPR 策略变了、后处理链少了一级、动画循环没人清理。页面看起来差不多,但和权威实现已经不在同一件事上。
interactive-component-integration 是一套面向 agent 的集成工作流,强制五原则:先复刻权威渲染管线再做视觉调优;每一处有意偏差都要记录原因、影响和验证方式;组件代码、资源和选择器必须限制在所属边界内;DPR 上限、动画循环、resize、reduced motion 和 API 降级路径都要显式处理;验收必须基于统一 viewport 的可比证据,未执行的检查一律标为未通过或阻塞,不允许目测就收工。
如果你日常需要把 creative coding demo、WebGL shader、滚动驱动效果、传感器响应组件或第三方动画库从 playground 搬进生产页面,并且希望 agent 在动手前对齐渲染契约、交付前给出可信验收报告,这个 skill 就是为此准备的。
使用场景
- 将第三方 WebGL 或 shader 效果从 playground 搬入生产页面
- 集成滚动驱动或指针响应的动画组件并确保渲染管线与权威实现一致
- 部署传感器或摄像头响应组件到移动端并处理降级与性能边界
适合人员
- 需要把 creative coding demo 转化为可维护生产代码的前端工程师
- 使用 agent 辅助完成前端集成与验收的团队
- 对渲染管线一致性和交付质量有硬性要求的设计工程团队