Page Magic: Chrome-Erweiterung zur Änderung des Webseiten-Erscheinungsbilds per natürlicher Sprache 77

Page Magic ist ein Chrome-Plugin, das KI nutzt, um das Erscheinungsbild von Webseiten individuell anzupassen. Mit Hilfe von KI-Technologie kann das Aussehen jeder beliebigen Webseite verändert werden. Nutzer können PageMagic über einfache Anweisungen mitteilen, welche Änderungen sie wünschen, beispielsweise das Ändern des Layouts, das Anpassen von Farben oder das Hinzufügen von Elementen. Es unterstützt mehrere Änderungen an derselben Seite und ermöglicht es, Änderungen jederzeit zu aktivieren, zu deaktivieren oder zu entfernen.

Hauptfunktionen

• Benutzeroberfläche: Bietet ein übersichtliches Popup-Fenster, in dem Nutzer nach der Eingabe von Anweisungen die Änderungen der Webseite in Echtzeit sehen können.

• Einstellungsoptionen: Nutzer können API-Schlüssel hinzufügen, KI-Modelle auswählen und die API-Nutzungskosten einsehen.

• Echtzeit-Vorschau: Nach der Eingabe von Änderungsanweisungen zeigt die Webseite die Wirkung sofort an.

Installation

Installation über den Chrome Web Store

• PageMagic ist im Chrome Web Store verfügbar, Nutzer können es direkt aus dem Store herunterladen und installieren.

• Chrome Web Store-Link (muss durch die tatsächliche Erweiterungs-ID ersetzt werden).

Lokales Erstellen und Installieren

Wenn Nutzer die Erweiterung selbst erstellen und installieren möchten, können sie folgende Schritte ausführen:

1. Das GitHub-Repository klonen.

2. Abhängigkeiten installieren: Führen Sie npm install aus.

3. Erweiterung erstellen: Führen Sie npm run build aus.

4. Öffnen Sie in Chrome chrome://extensions/ und aktivieren Sie den Entwicklermodus.

5. Klicken Sie auf „Entpackte Erweiterung laden" und wählen Sie das geklonte Repository-Verzeichnis aus.

6. Suchen Sie PageMagic in der Liste der Erweiterungen und klicken Sie auf „Optionen", um die Konfiguration vorzunehmen.

7. Fügen Sie den Anthropic-API-Schlüssel hinzu und wählen Sie das zu verwendende Modell aus.

8. Klicken Sie auf „Speichern", um die Einstellungen zu speichern.

Verwendung

1. Öffnen Sie eine beliebige Webseite.

2. Klicken Sie auf das PageMagic-Erweiterungssymbol.

3. Geben Sie die Änderungsanweisungen in das Popup-Fenster ein.

4. Klicken Sie auf die Schaltfläche „Anwenden". Die Änderungen werden innerhalb weniger Sekunden wirksam.

5. Änderungen werden kumulativ angewendet. Nutzer können dieselbe Seite mehrfach ändern und Änderungen aktivieren, deaktivieren oder entfernen.

Anwendungsszenarien

• Personalisierung von Webseiten: Nutzer können Farben, Schriftarten, Layout usw. nach ihren Wünschen anpassen.

• Entwicklung und Tests: Entwickler können die Wirkung von Webseiten-Änderungen schnell testen, ohne manuell Code ändern zu müssen.

• Hilfs-Tool: Kann sehbehinderten Nutzern helfen, die Barrierefreiheitseinstellungen von Webseiten anzupassen.

Projektadresse

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