Page Magic: расширение Chrome для изменения внешнего вида веб-страниц с помощью естественного языка 75

Page Magic — это расширение для Chrome, использующее ai для настройки внешнего вида веб-страниц. Оно позволяет менять оформление любого сайта с помощью технологий ИИ. Пользователь может простыми командами описать желаемые изменения: скорректировать布局, изменить цвета или добавить элементы. Расширение поддерживает многократное внесение изменений на одной и той же странице, а также позволяет в любой момент включать, отключать или удалять изменения.

Основные функции

• Пользовательский интерфейс: предусмотрено лаконичное всплывающее окно, в котором пользователь вводит команды и сразу видит изменения на странице.

• Параметры настройки: пользователь может добавить API-ключ, выбрать модель ИИ и отслеживать расходы на использование API.

• Предпросмотр в реальном времени: после ввода команды изменения мгновенно отображаются на странице.

Способ установки

Установка через Chrome Web Store

• Page Magic уже опубликован в Chrome Web Store, и пользователи могут загрузить и установить его прямо оттуда.

• Ссылка на Chrome Web Store (необходимо заменить на фактический идентификатор расширения).

Локальная сборка и установка

Если пользователь хочет собрать и установить расширение самостоятельно, он может выполнить следующие шаги:

1. Клонировать репозиторий на GitHub.

2. Установить зависимости: выполнить команду npm install.

3. Собрать расширение: выполнить команду npm run build.

4. Открыть в Chrome страницу chrome://extensions/ и включить режим разработчика.

5. Нажать «Загрузить распакованное расширение» и выбрать каталог клонированного репозитория.

6. Найти Page Magic в списке расширений и нажать «Параметры» для настройки.

7. Добавить API-ключ Anthropic и выбрать используемую модель.

8. Нажать «Сохранить», чтобы применить настройки.

Как пользоваться

1. Откройте любую веб-страницу.

2. Нажмите на значок расширения Page Magic.

3. Введите команду изменения во всплывающем окне.

4. Нажмите кнопку «Применить» — изменения вступят в силу через несколько секунд.

5. Изменения применяются накопительно: пользователь может вносить несколько правок на одной странице, а также включать, отключать или удалять их.

Сценарии использования

• Персонализация веб-страниц: пользователь может настраивать цвета, шрифты, компоновку и другие элементы страниц по своему вкусу.

• Разработка и тестирование: разработчики могут быстро проверять эффект изменений на странице без ручного редактирования кода.

• Вспомогательный инструмент: помогает пользователям с нарушениями зрения настраивать параметры доступности веб-страниц.

Адрес проекта

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