Page Magic是一款利用ai來定制網(wǎng)頁外觀的Chrome插件，可以利用AI技術更改任何網(wǎng)頁的外觀。用戶可以通過簡單指令告訴PageMagic想要的更改，比如調(diào)整布局、修改顏色或添加元素。它支持對同一頁面進行多次更改，也可以隨時啟用、禁用或刪除更改。

主要功能

• 用戶界面：提供簡潔的彈出窗口，用戶輸入指令后可實時查看網(wǎng)頁變化。

• 設置選項：用戶可以添加API密鑰、選擇AI模型并查看API使用成本。

• 實時預覽：輸入更改指令后，網(wǎng)頁會即時顯示效果。

安裝方法

通過ChromeWebStore安裝

• PageMagic已在ChromeWebStore上架，用戶可直接從商店下載安裝。

• ChromeWebStore鏈接（需替換為實際擴展ID）。

本地構建和安裝

如果用戶希望自行構建和安裝擴展，可按以下步驟操作：

1. 克隆GitHub倉庫。

2. 安裝依賴：運行npminstall。

3. 構建擴展：運行npmrunbuild。

4. 在Chrome中打開chrome://extensions/，啟用開發(fā)者模式。

5. 點擊“加載已解壓的擴展”，選擇克隆的倉庫目錄。

6. 在擴展列表中找到PageMagic，點擊“選項”進行配置。

7. 添加AnthropicAPI密鑰并選擇使用的模型。

8. 點擊“保存”以保存設置。

使用方法

1. 打開任意網(wǎng)頁。

2. 點擊PageMagic擴展圖標。

3. 在彈出窗口中輸入更改指令。

4. 點擊“應用”按鈕，更改將在幾秒內(nèi)生效。

5. 更改以累加方式應用，用戶可以對同一頁面多次更改，也可以啟用、禁用或刪除更改。

適用場景

• 個性化網(wǎng)頁：用戶可根據(jù)喜好調(diào)整網(wǎng)頁顏色、字體、布局等。

• 開發(fā)測試：開發(fā)者可快速測試網(wǎng)頁更改效果，無需手動修改代碼。

• 輔助工具：可幫助視覺障礙用戶調(diào)整網(wǎng)頁的可訪問性設置。

項目地址

Github：https://github.com/khaledh/pagemagic