可共享的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 狀態儲存和模組化工作流，為使用者提供了一個靈活而強大的平臺，用於建立和共享互動式內容。無論是開發者還是普通使用者，都能從中受益。專案完全開源，社群可以自由貢獻和擴充套件其功能。