Page Magic：通过自然语言直接修改网页外观的Chrome插件

Page Magic是一款利用ai来定制网页外观的Chrome插件，可以利用AI技术更改任何网页的外观。用户可以通过简单指令告诉PageMagic想要的更改，比如调整布局、修改颜色或添加元素。它支持对同一页面进行多次更改，也可以随时启用、禁用或删除更改。

主要功能

• 用户界面：提供简洁的弹出窗口，用户输入指令后可实时查看网页变化。

• 设置选项：用户可以添加API密钥、选择AI模型并查看API使用成本。

• 实时预览：输入更改指令后，网页会即时显示效果。

安装方法

通过ChromeWebStore安装

• PageMagic已在ChromeWebStore上架，用户可直接从商店下载安装。

• ChromeWebStore链接（需替换为实际扩展ID）。

本地构建和安装

如果用户希望自行构建和安装扩展，可按以下步骤操作：

1. 克隆GitHub仓库。

2. 安装依赖：运行npminstall。

3. 构建扩展：运行npmrunbuild。

4. 在Chrome中打开chrome://extensions/，启用开发者模式。

5. 点击“加载已解压的扩展”，选择克隆的仓库目录。

6. 在扩展列表中找到PageMagic，点击“选项”进行配置。

7. 添加AnthropicAPI密钥并选择使用的模型。

8. 点击“保存”以保存设置。

使用方法

1. 打开任意网页。

2. 点击PageMagic扩展图标。

3. 在弹出窗口中输入更改指令。

4. 点击“应用”按钮，更改将在几秒内生效。

5. 更改以累加方式应用，用户可以对同一页面多次更改，也可以启用、禁用或删除更改。

适用场景

• 个性化网页：用户可根据喜好调整网页颜色、字体、布局等。

• 开发测试：开发者可快速测试网页更改效果，无需手动修改代码。

• 辅助工具：可帮助视觉障碍用户调整网页的可访问性设置。

项目地址

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