可共享的AI可编辑可视化工具

framejs.io 是一个全新的开源项目，旨在为用户提供一种简单而强大的方式来创建、编辑和共享交互式可视化内容。它的核心是一个可嵌入的 Web 应用，用户可以将其无缝集成到各种平台中，如 Notion、Obsidian、Confluence、Google Docs 以及个人网站。无论是构建自定义仪表盘、笔记本组件，还是开发小型应用，framejs.io 都能胜任。

该平台的一大亮点是 AI 驱动的内容创建。用户只需用自然语言描述需求，比如“创建一个带滑块的交互式图表”，AI 便会自动生成相应的代码和可视化效果。这得益于其与 Claude、ChatGPT 等主流大语言模型的兼容性，使得非技术用户也能轻松上手。

framejs.io 的共享机制极具创新性。所有代码和状态都存储在 URL 中，这意味着用户无需注册或登录即可分享作品。短 URL 基于内容寻址哈希生成，具有不可变性，不会因时间推移而失效。这种设计不仅简化了分享流程，还确保了链接的长期有效性。

除了独立使用，framejs.io 还支持连接多个框架（称为 metaframes）以构建复杂的工作流。一个框架的输出可以作为另一个框架的输入，从而形成数据管道。例如，用户可以创建一个传感器数据可视化仪表盘，将数据采集、处理和展示的步骤串联起来。这种模块化设计使得构建多步骤应用变得直观且高效。

在编辑方面，framejs.io 提供了一个功能完整的浏览器内代码编辑器。用户可以直接编写 JavaScript，导入 npm 模块，添加 CSS 样式，并实时预览效果。编辑器支持 ES6 模块、顶级 await 以及丰富的 API，包括 onInputs 和 setOutput 等函数，用于处理输入输出事件。所有更改都会即时反映在 URL 中，确保分享的始终是最新版本。

此外，framejs.io 还支持 Open Graph 预览，使得链接在 Slack、Discord 等社交平台上显示标题、描述和预览图像。用户可以在编辑器的设置面板中配置这些信息。这一功能增强了内容的可分享性和可见性。

总而言之，framejs.io 通过结合 AI 生成、可嵌入设计、URL 状态存储和模块化工作流，为用户提供了一个灵活而强大的平台，用于创建和共享交互式内容。无论是开发者还是普通用户，都能从中受益。项目完全开源，社区可以自由贡献和扩展其功能。