CommunityCodierung & Entwicklunggithub.com

kelin3296-jpg/html-deploy

Agent-fähiger Skill zum Bereitstellen lokaler HTML-Dateien auf Cloudflare Pages mit stabilen Produktions-URLs.

Was ist html-deploy?

Dieser Skill ermöglicht es KI-Agenten, lokale HTML-Dateien schnell und zuverlässig auf Cloudflare Pages bereitzustellen. Er ist ideal für Entwickler, die statische Websites oder Prototypen direkt aus ihrer Entwicklungsumgebung heraus veröffentlichen möchten. Der Skill nutzt die offizielle Cloudflare API und Wrangler CLI, um einen optimierten Deployment-Prozess zu gewährleisten. Dabei werden stabile Produktions-URLs erzeugt, die für Tests, Demos oder sogar für den Live-Einsatz geeignet sind. Unterstützt wird die Bereitstellung einzelner Dateien sowie kompletter Verzeichnisse, wobei alle Assets automatisch hochgeladen und konfiguriert werden. Der Skill ist für den Einsatz mit Claude Code, Cursor und anderen KI-gestützten Entwicklungswerkzeugen optimiert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add kelin3296-jpg/html-deploy

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht html-deploy?

Agent-fähiger Skill zum Bereitstellen lokaler HTML-Dateien auf Cloudflare Pages mit stabilen Produktions-URLs.

Verwendung

Dieser Skill ermöglicht es Ihnen, lokale HTML-Dateien schnell und zuverlässig auf Cloudflare Pages bereitzustellen. Er erzeugt stabile Produktions-URLs, die für Tests, Demos oder Live-Einsätze geeignet sind.

Voraussetzungen

  • Ein Cloudflare-Konto
  • Cloudflare API-Token mit Berechtigungen für Pages
  • Node.js und npm (für Wrangler CLI)

Installation

npm install -g @cloudflare/wrangler

Konfiguration

Richten Sie Ihre Cloudflare-Anmeldedaten als Umgebungsvariablen ein:

export CLOUDFLARE_API_TOKEN="your_api_token_here"
export CLOUDFLARE_ACCOUNT_ID="your_account_id_here"

Bereitstellung

Führen Sie den folgenden Befehl aus, um eine einzelne HTML-Datei bereitzustellen:

wrangler pages deploy ./index.html --project-name=my-project

Oder um ein ganzes Verzeichnis bereitzustellen:

wrangler pages deploy ./dist --project-name=my-project

Funktionsweise

  1. Der Skill liest die lokale HTML-Datei oder das Verzeichnis ein.
  2. Er authentifiziert sich mit Ihrer Cloudflare-API.
  3. Die Assets werden auf Cloudflare Pages hochgeladen.
  4. Eine stabile Produktions-URL wird generiert und zurückgegeben.

Plattformunterstützung

Optimiert für:

  • Claude Code
  • Cursor
  • Codex
  • Andere KI-gestützte Entwicklungswerkzeuge

Beispiel

// Beispiel für die Verwendung mit einem KI-Agenten
const result = await deployHtml({
  filePath: './public/index.html',
  projectName: 'mein-projekt'
});
console.log(result.url); // https://mein-projekt.pages.dev

Lizenz

MIT

Verwandte Skills