wildematt/phone-preview-skill

Was macht phone-preview-skill?

📱 Agent-Fertigkeit: Starten eines lokalen Live-Reload-Entwicklungsservers und Generieren eines QR-Codes für die Vorschau auf dem Mobiltelefon

Beschreibung

Diese Fertigkeit startet einen lokalen Live-Reload-Entwicklungsserver für Ihre Webanwendung und erstellt einen QR-Code, der auf die lokale URL verweist. Scannen Sie den QR-Code mit Ihrem Mobilgerät, um Ihre App in Echtzeit zu testen.

Nutzungsbeispiel

Geben Sie dem Agenten den Befehl:

Starte einen Live-Reload-Server für mein Projekt und zeige mir den QR-Code für die mobile Vorschau.

Der Agent wird:

1. Das Projektverzeichnis erkennen oder nach dem Pfad fragen.
2. Einen Live-Reload-Server starten (z. B. mit live-server oder http-server).
3. Einen QR-Code generieren, der auf die lokale Server-URL verweist.
4. Ihnen den QR-Code sowie die URL im Terminal anzeigen.

Voraussetzungen

• Node.js und npm installiert.
• Optional: live-server oder http-server global installiert (npm install -g live-server).
• Ein Gerät mit Kamera zum Scannen des QR-Codes.

Funktionsweise

1. Die Fertigkeit startet einen lokalen Entwicklungsserver mit Live-Reload.
2. Sie generiert einen QR-Code aus der lokalen URL (z. B. http://192.168.x.x:8080).
3. Der QR-Code wird im Terminal ausgegeben (z. B. als Unicode-Blöcke).

Verwandte Befehle

• phone-preview start [port] – Startet den Server auf dem angegebenen Port (Standard: 8080).
• phone-preview stop – Stoppt den Server.
• phone-preview qr – Zeigt den QR-Code für die aktuelle URL an.

Lizenz

MIT