可共享的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 狀態存儲和模塊化工作流，為用户提供了一個靈活而強大的平台，用於創建和共享交互式內容。無論是開發者還是普通用户，都能從中受益。項目完全開源，社區可以自由貢獻和擴展其功能。