{"id":185,"date":"2026-06-02T17:11:45","date_gmt":"2026-06-02T17:11:45","guid":{"rendered":"https:\/\/www.goteams.de\/blog\/?p=185"},"modified":"2026-06-03T04:33:24","modified_gmt":"2026-06-03T04:33:24","slug":"webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren","status":"publish","type":"post","link":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/","title":{"rendered":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren"},"content":{"rendered":"\n<p><strong>Das Ziel dieses Praxistests war die \u00dcberpr\u00fcfung, wie weit ein lokaler KI-Agent mit einer einzigen Anweisung kommt. Als konkretes Szenario wurde die Erstellung einer vollst\u00e4ndigen Website gew\u00e4hlt, ohne selbst eine Tastatur anzufassen.<\/strong><\/p>\n\n\n\n<p><strong>Nach dem \u00d6ffnen von Telegram wurde folgende Nachricht gesendet:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>\u201eHey, baue eine Website f\u00fcr mein Caf\u00e9. Sie soll \u00e4sthetisch aussehen. Designe sie zuerst in Figma, extrahiere das HTML, erstelle ein neues GitHub-Repo, deploye es auf GitHub Pages und sende mir den Link.\u201c<\/strong><\/pre>\n\n\n\n<p><strong>Etwa vierzig Minuten sp\u00e4ter vibrierte das Smartphone: Eine fertige, funktionierende URL, gehostet auf GitHub Pages, basierend auf dem generierten Design.<\/strong><\/p>\n\n\n\n<p><strong>Dieser Beitrag beschreibt Schritt f\u00fcr Schritt das zugrundeliegende Setup. Drei Integrationen, eine Handvoll Befehle und ein einziger Agent, der die gesamte Pipeline vom Design bis zum Deployment steuert.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Was ist OpenClaw?<\/strong><\/h2>\n\n\n\n<p><strong>Vor dem eigentlichen Setup folgt eine kurze Einordnung der Software.<\/strong><\/p>\n\n\n\n<p><strong>OpenClaw ist ein Open-Source-KI-Agent, der lokal auf der eigenen Hardware l\u00e4uft. Es handelt sich weder um eine Web-App noch um einen Cloud-Dienst. OpenClaw ist ein CLI-gesteuerter Agent, der lokal installiert, konfiguriert und vollst\u00e4ndig selbst verwaltet wird.<\/strong><\/p>\n\n\n\n<p><strong>Drei Kernmerkmale zeichnen das Tool aus:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Freie Modellwahl: Die Logikkomponente l\u00e4sst sich flexibel w\u00e4hlen. OpenClaw arbeitet mit Claude, GPT, Gemini oder lokalen Ollama-Modellen. Ein Wechsel ist jederzeit m\u00f6glich.<\/strong><\/li>\n\n\n\n<li><strong>Erweiterbarkeit: Neue F\u00e4higkeiten (Skills) lassen sich \u00fcber das ClawHub installieren. Plugins erweitern den Funktionsumfang. Jede Schnittstelle, die das Model Context Protocol (MCP) unterst\u00fctzt, kann angebunden werden.<\/strong><\/li>\n\n\n\n<li><strong>Datensouver\u00e4nit\u00e4t: Sensible Daten verbleiben auf dem lokalen System. Zugangsdaten und Kontextinformationen verlassen den Laptop zu keinem Zeitpunkt, es sei denn, dies wird explizit freigegeben.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>F\u00fcr Entwickler-Teams in Deutschland und der gesamten DACH-Region, die einen handlungsf\u00e4higen Agenten suchen \u2013 der Commits pusht, Nachrichten versendet und APIs anspricht, anstatt nur in einem Browser-Tab zu chatten \u2013, bietet dieser Ansatz eine v\u00f6llig neue operative Tiefe.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Der Plan<\/strong><\/h2>\n\n\n\n<p><strong>Das Ziel bestand darin, das Potenzial von OpenClaw bei einer einzigen Anweisung zu testen. Als reales Projekt wurde die Erstellung einer Website gew\u00e4hlt.<\/strong><\/p>\n\n\n\n<p><strong>Drei Integrationen machten die Umsetzung m\u00f6glich: Stitch (via MCP) f\u00fcr das Design, GitHub f\u00fcr das Code-Management und Telegram f\u00fcr die Steuerung des Agenten von unterwegs. Die Einrichtung der einzelnen Komponenten wird im Folgenden beschrieben.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 1: OpenClaw installieren<\/strong><\/h2>\n\n\n\n<p><strong>Als Grundvoraussetzung muss Node.js in der Version 22.19 oder h\u00f6her installiert sein. Die \u00dcberpr\u00fcfung erfolgt mittels:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>node --version<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Falls eine Installation erforderlich ist, bietet nodejs.org die passenden Pakete. Anschlie\u00dfend wird OpenClaw global installiert:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>npm install -g openclaw<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Danach wird der Onboarding-Assistent gestartet:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw onboard --install-daemon<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Dieser Schritt \u00f6ffnet ein terminalbasiertes Interface (TUI), das etwa zwei Minuten in Anspruch nimmt. Der Assistent f\u00fchrt durch folgende Punkte:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modell &amp; Authentifizierung: Auswahl des KI-Anbieters und Hinterlegung des API-Keys.<\/strong><\/li>\n\n\n\n<li><strong>Workspace: Pfadfestlegung f\u00fcr Dateien und Sessions (Standard: <\/strong><strong>~\/.openclaw\/workspace<\/strong><strong>).<\/strong><\/li>\n\n\n\n<li><strong>Gateway: Einstellungen f\u00fcr Port und Authentifizierung (Standardwerte sind ausreichend).<\/strong><\/li>\n\n\n\n<li><strong>Channels: Anbindung von Telegram, Discord, Slack etc. Dieser Schritt kann vorerst \u00fcbersprungen werden.<\/strong><\/li>\n\n\n\n<li><strong>Daemon: Installiert einen Hintergrunddienst, damit der Agent beim Systemstart automatisch l\u00e4dt.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Nach Abschluss l\u00e4sst sich das Dashboard \u00f6ffnen:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw dashboard<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Dies startet das Control UI unter <\/strong><strong>localhost:18789<\/strong><strong>. Nach dem Senden einer Testnachricht und dem Erhalt einer Antwort ist die Basis einsatzbereit.<\/strong><\/p>\n\n\n\n<p><strong>Abschlie\u00dfend sollte die Systemgesundheit \u00fcberpr\u00fcft werden:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw doctor<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Dieser Befehl erkennt fehlende Konfigurationen oder Umgebungsprobleme, bevor die Integrationen angebunden werden.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Ein kurzes Wort zu den \u201eSkills\u201c<\/strong><\/h3>\n\n\n\n<p><strong>Vor der Anbindung der Tools ist ein grundlegendes Verst\u00e4ndnis der Funktionsweise von Skills hilfreich, da jede nachfolgende Integration darauf aufbaut.<\/strong><\/p>\n\n\n\n<p><strong>Ein Skill in OpenClaw ist eine Markdown-Datei (<\/strong><strong>SKILL.md<\/strong><strong>), die in den System-Prompt des Agenten injiziert wird. Sie vermittelt dem Agenten, wann und wie ein bestimmtes Werkzeug einzusetzen ist: inklusive Einschr\u00e4nkungen, Schritt-by-Schritt-Logik und Edge Cases. Es handelt sich um dauerhafte Verhaltensregeln, die direkt beim Agenten und nicht im KI-Modell selbst verankert sind.<\/strong><\/p>\n\n\n\n<p><strong>Skills stammen aus drei Quellen:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mitgeliefert (Bundled): Direkt in OpenClaw integriert (Datei-I\/O, Web-Suche, Exec-Befehle etc.).<\/strong><\/li>\n\n\n\n<li><strong>ClawHub: Das \u00f6ffentliche Verzeichnis unter clawhub.ai f\u00fcr Community-Skills (GitHub-Anbindungen, Browser-Automatisierung, Bildgenerierungs-Workflows). Die Installation erfolgt \u00fcber einen einzigen Befehl.<\/strong><\/li>\n\n\n\n<li><strong>Eigene Skills: Ein Skill ist im Grunde nur ein Ordner mit einer <\/strong><strong>SKILL.md<\/strong><strong>. Nach dem Ablegen im Verzeichnis <\/strong><strong>~\/.openclaw\/workspace\/skills\/<\/strong><strong> wird er automatisch geladen. F\u00fcr wiederkehrende Workflows ist das Schreiben eigener Skills die effizienteste Methode.<\/strong><\/li>\n<\/ul>\n\n\n\n<p><strong>Die im n\u00e4chsten Schritt genutzte GitHub-Anbindung ist ein mitgelieferter Skill. Er liefert dem Agenten den n\u00f6tigen Kontext, um Repositories zu erstellen, Code zu pushen und GitHub-Pages-Deployments autonom zu starten.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 2: GitHub verbinden<\/strong><\/h2>\n\n\n\n<p><strong>Der GitHub-Skill ist direkt in OpenClaw integriert, eine zus\u00e4tzliche Installation entf\u00e4llt. Es muss lediglich das gh-CLI autorisiert werden, welches OpenClaw im Hintergrund f\u00fcr alle Operationen nutzt.<\/strong><\/p>\n\n\n\n<p><strong>Zun\u00e4chst muss sichergestellt sein, dass das gh-CLI installiert ist:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>brew install gh\u00a0 \u00a0 # macOS<\/strong>\n# oder: https:\/\/cli.github.com f\u00fcr Windows \/ Linux<\/code><\/pre>\n\n\n\n<p><strong>Anschlie\u00dfend erfolgt die Authentifizierung \u00fcber den GitHub-Token:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>gh auth login<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Den Anweisungen im Terminal folgen: GitHub.com ausw\u00e4hlen, HTTPS w\u00e4hlen und <\/strong><strong><em>Paste an authentication token<\/em><\/strong><strong> aktivieren. Hierf\u00fcr wird ein Personal Access Token mit den Scopes <\/strong><strong>repo<\/strong><strong> und <\/strong><strong>read:org<\/strong><strong> ben\u00f6tigt. Ein solcher Token l\u00e4sst sich unter<\/strong><a href=\"https:\/\/github.com\/settings\/tokens\"><strong> <\/strong><strong>github.com\/settings\/tokens<\/strong><\/a><strong> generieren.<\/strong><\/p>\n\n\n\n<p><strong>Die erfolgreiche Verbindung wird wie folgt \u00fcberpr\u00fcft:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>gh auth status<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Damit sind die Vorbereitungen abgeschlossen. Der Agent hat nun Zugriff auf Repositories, PRs, Issues und CI-Runs.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 3: Stitch via MCP anbinden<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Was ist Stitch?<\/strong><\/h3>\n\n\n\n<p><strong>Stitch ist das KI-native Design-Werkzeug von Google. Per Textbeschreibung werden gew\u00fcnschte Layouts wie Landingpages, Dashboards oder Komponenten definiert. Das Tool generiert die Oberfl\u00e4chen inklusive Layoutstrukturen, Design-Tokens und einem integrierten Design-System. Auch Varianten, Anpassungen und Token-Exporte werden \u00fcber nat\u00fcrliche Sprache gesteuert. Ein Figma-Abonnement oder manuelles Verkn\u00fcpfen von Komponenten ist nicht erforderlich.<\/strong><\/p>\n\n\n\n<p><strong>Stitch stellt einen Remote-MCP-Server bereit, der f\u00fcr die Anbindung an OpenClaw genutzt wird.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Warum kann OpenClaw sich nicht direkt mit Stitch verbinden?<\/strong><\/h3>\n\n\n\n<p><strong>Die MCP-Unterst\u00fctzung von OpenClaw ist prim\u00e4r f\u00fcr lokale Server ausgelegt, die auf dem eigenen System \u00fcber stdio laufen. Stitch hingegen ist ein entfernter HTTP-Server in der Google-Cloud. OpenClaw verf\u00fcgt \u00fcber keine native M\u00f6glichkeit, direkt \u00fcber HTTP mit einem Remote-MCP-Endpunkt zu kommunizieren. Diese L\u00fccke wird durch eine Bridge geschlossen: Sie l\u00e4uft lokal, nimmt Werkzeugaufrufe von OpenClaw entgegen und leitet sie \u00fcber authentifiziertes HTTP an Stitch weiter. Sie fungiert als \u00dcbersetzungsschicht zwischen lokalem stdio und entferntem HTTP.<\/strong><\/p>\n\n\n\n<p><strong>Das Plugin <\/strong><strong>@aiwerk\/openclaw-mcp-bridge<\/strong><strong> wurde speziell f\u00fcr diesen Zweck entwickelt. Es arbeitet als lokaler Proxy, der Remote-MCP-Server wie Stitch als native Werkzeuge in OpenClaw registriert. Das Plugin \u00fcbernimmt den HTTP-Transport, f\u00fcgt die korrekten Autorisierungs-Header hinzu und stellt dem Agenten die Werkzeuge automatisch zur Verf\u00fcgung. Da Stitch nativ unterst\u00fctzt wird, ist nach der Konfiguration keine weitere Anpassung erforderlich.<\/strong><\/p>\n\n\n\n<p><strong>Die Einrichtung erfolgt in wenigen Schritten:<\/strong><\/p>\n\n\n\n<p><strong>Zuerst wird ein API-Key ben\u00f6tigt. Auf der Stitch-Einstellungsseite im Bereich <\/strong><strong><em>API Keys<\/em><\/strong><strong> auf <\/strong><strong><em>Create API Key<\/em><\/strong><strong> klicken und den Schl\u00fcssel sicher kopieren.<\/strong><\/p>\n\n\n\n<p><strong>Danach wird das MCP-Bridge-Plugin in OpenClaw installiert:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw plugins install @aiwerk\/openclaw-mcp-bridge<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Konfiguration des Plugins mit dem kopierten Stitch-API-Key:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>~\/.openclaw\/extensions\/openclaw-mcp-bridge\/install-server.sh stitch<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Nach der Aufforderung den API-Key einf\u00fcgen. Dieser wird in der Konfiguration der Bridge hinterlegt und nicht im Workspace, wo der Agent ihn direkt lesen k\u00f6nnte.<\/strong><\/p>\n\n\n\n<p><strong>Das Gateway muss neu gestartet werden, um die Verbindung zu aktivieren:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw gateway restart<\/strong><\/code><\/pre>\n\n\n\n<p><strong>Ein wichtiger Sicherheitshinweis: Da Stitch ein Remote-MCP-Server ist, wird jeder Werkzeugaufruf des Agenten \u00fcber das Netzwerk an die Google-Infrastruktur gesendet. Die Anbindung sollte daher nur in Projekten erfolgen, bei denen dies zul\u00e4ssig ist, und es sollten nur die tats\u00e4chlich ben\u00f6tigten MCP-Werkzeuge freigegeben werden.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schritt 4: Telegram verbinden<\/strong><\/h2>\n\n\n\n<p><strong>Dieser Schritt transformiert den Agenten von einem reinen Desktop-Werkzeug zu einem Assistenten f\u00fcr die Hosentasche.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Bot \u00fcber den BotFather erstellen<\/strong><\/h3>\n\n\n\n<p><strong>In Telegram nach dem verifizierten kontakt <strong>@BotFather<\/strong>. Den Befehl <strong>\/newbot<\/strong>, den Anweisungen folgen und den generierten Token sicher aufbewahren.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Token in die OpenClaw-Konfiguration einpflegen<\/strong><\/h3>\n\n\n\n<p><strong>Die Datei <\/strong><strong>~\/.openclaw\/openclaw.json<\/strong><strong> \u00f6ffnen und folgende Struktur erg\u00e4nzen:<\/strong><\/p>\n\n\n\n<p><strong>JSON<\/strong><\/p>\n\n\n\n<p><strong>{<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&#8220;channels&#8221;: {<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&#8220;telegram&#8221;: {<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8220;enabled&#8221;: true,<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8220;botToken&#8221;: &#8220;IHR_BOT_TOKEN&#8221;,<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8220;dmPolicy&#8221;: &#8220;pairing&#8221;<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;&nbsp;&nbsp;}<\/strong><\/p>\n\n\n\n<p><strong>&nbsp;&nbsp;}<\/strong><\/p>\n\n\n\n<p><strong>}<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>enabled: Aktiviert den Telegram-Kanal.<\/strong><\/li>\n\n\n\n<li><strong>botToken: Der Token des BotFather. Dieser muss geheim gehalten und wie ein Passwort behandelt werden.<\/strong><\/li>\n\n\n\n<li><strong>&#8220;dmPolicy&#8221;: &#8220;pairing&#8221; \u2014 Neue Kontakte, die dem Bot schreiben, m\u00fcssen explizit im Terminal freigegeben werden, bevor der Agent antwortet. Dies ist die sicherste Standardeinstellung.<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Gateway neu starten<\/strong><\/h3>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw gateway restart<\/strong><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Den eigenen Account autorisieren<\/strong><\/h3>\n\n\n\n<p><strong>Eine Nachricht an den neu erstellten Bot in Telegram senden. OpenClaw generiert daraufhin eine Pairing-Anfrage. Die Freigabe erfolgt im Terminal \u00fcber:<\/strong><\/p>\n\n\n\n<p><strong>Bash<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>openclaw pairing list telegram<\/strong>\n<strong>openclaw pairing approve &lt;id><\/strong><\/code><\/pre>\n\n\n\n<p><strong>Nach der Freigabe wird jede Nachricht an den Bot direkt an die lokale OpenClaw-Instanz weitergeleitet und im selben Chat-Verlauf beantwortet.<\/strong><\/p>\n\n\n\n<p><strong>Sicherheitshinweis: Dieser Bot besitzt direkten Zugriff auf alle angebundenen Systeme (GitHub, Stitch, lokales Dateisystem). Der Bot-Token muss absolut vertraulich behandelt werden. Bei einem Sicherheitsvorfall l\u00e4sst sich der Token \u00fcber den BotFather mittels <\/strong><strong>\/revoke<\/strong><strong> umgehend ung\u00fcltig machen. F\u00fcr die Authentifizierung angebundener Dienste sollten zudem dedizierte Service-E-Mails statt des privaten Haupt-Accounts genutzt werden.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Der entscheidende Praxistest<\/strong><\/h2>\n\n\n\n<p><strong>Nach Abschluss des Setups wurde folgende Anweisung \u00fcber das Smartphone gesendet:<\/strong><\/p>\n\n\n\n<p><strong>\u201eLets create a new screen on stitch, we have to create a portfolio page for a cafe, it should look aesthetic. Once design is ready, extract the html file and create a new github repo that should be public and deploy it on github pages and send me the link\u201c<\/strong><\/p>\n\n\n\n<p><strong>Die Antwort des Agenten folgte kurze Zeit sp\u00e4ter:<\/strong><\/p>\n\n\n\n<p><strong>Done. Everything is deployed. GitHub Pages:<\/strong><a href=\"https:\/\/pikachucodecool-del.github.io\/cafe-portfolio-aurora\/\"><strong> <\/strong><strong>https:\/\/pikachucodecool-del.github.io\/cafe-portfolio-aurora\/<\/strong><\/a><strong> Repo:<\/strong><a href=\"https:\/\/github.com\/pikachucodecool-del\/cafe-portfolio-aurora\"><strong> <\/strong><strong>https:\/\/github.com\/pikachucodecool-del\/cafe-portfolio-aurora<\/strong><\/a><\/p>\n\n\n\n<p><strong>Hinter den Kulissen wurden folgende Prozesse autonom vom Agenten ausgef\u00fchrt:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Generierung eines Caf\u00e9-Landingpage-Designs in Stitch basierend auf dem Text-Prompt.<\/strong><\/li>\n\n\n\n<li><strong>Extraktion der HTML- und CSS-Dateien aus dem Design.<\/strong><\/li>\n\n\n\n<li><strong>Erstellung eines lokalen Projektordners und Initialisierung eines Git-Repositories.<\/strong><\/li>\n\n\n\n<li><strong>Erstellung eines \u00f6ffentlichen GitHub-Repositories \u00fcber das <\/strong><strong>gh<\/strong><strong>-CLI.<\/strong><\/li>\n\n\n\n<li><strong>Push des Codes in das Repository und Aktivierung von GitHub Pages.<\/strong><\/li>\n\n\n\n<li><strong>\u00dcberwachung des Deployment-Status bis zur Live-Schaltung.<\/strong><\/li>\n\n\n\n<li><strong>R\u00fccksendung der finalen URL in den Telegram-Chat.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Es war kein \u00d6ffnen von Stitch, kein manueller Git-Befehl und kein Login bei GitHub erforderlich. Eine Nachricht, eine Antwort, eine fertige Website.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Das Fazit<\/strong><\/h2>\n\n\n\n<p><strong>Die Arbeitsweise ver\u00e4ndert sich grundlegend. Das Denken in einzelnen Arbeitsschritten weicht dem Denken in konkreten Ergebnissen. Die technische Umsetzung wird vollst\u00e4ndig an den Agenten delegiert.<\/strong><\/p>\n\n\n\n<p><strong>Die lokale Ausf\u00fchrung ist hierbei essenziell. Ein cloudbasierter Agent mit weitreichendem Zugriff auf GitHub, Design-Tools und Messenger-Kan\u00e4le stellt ein erhebliches Sicherheitsrisiko dar. Durch den lokalen Betrieb verbleiben alle sensiblen Zugangsdaten auf der eigenen Hardware, wodurch die volle Kontrolle gewahrt bleibt.<\/strong><\/p>\n\n\n\n<p><strong>Die St\u00e4rke des Systems liegt in den Integrationen. OpenClaw selbst ist minimalistisch aufgebaut \u2013 erst das Model Context Protocol (MCP) sorgt f\u00fcr die n\u00f6tige Hebelwirkung. Werden die passenden Werkzeuge bereitgestellt, wandelt sich das Versprechen einer automatisierten Pipeline von einer Marketingfloskel zur produktiven Realit\u00e4t.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ausblick und n\u00e4chste Schritte<\/strong><\/h2>\n\n\n\n<p><strong>Der Einstieg gelingt am besten \u00fcber den Befehl <\/strong><strong>openclaw doctor<\/strong><strong>, gefolgt von der schrittweisen Anbindung der einzelnen Integrationen. Sobald die GitHub-Schnittstelle stabil l\u00e4uft und kleinere Aufgaben automatisiert umsetzt, k\u00f6nnen Stitch und Telegram erg\u00e4nzt werden. F\u00fcr sp\u00e4tere Anpassungen des Modells oder das Rotieren von Schl\u00fcsseln steht der Befehl <\/strong><strong>openclaw configure<\/strong><strong> bereit \u2013 ein erneutes Durchlaufen des Onboarding-Assistenten ist nicht notwendig.<\/strong><\/p>\n\n\n\n<p><strong>Die zentrale Fragestellung betrifft am Ende nicht die technische Einrichtung, sondern die konkrete Anwendung im Alltag: Ob Solo-Gr\u00fcnder bei der Produktentwicklung, Designer beim automatisierten Deployment von Web-Schnittstellen oder Entwickler, die ohne Kontextwechsel direkt aus der Problembeschreibung heraus Code erzeugen m\u00f6chten.<\/strong><\/p>\n\n\n\n<p><strong>Die Grenzen des Systems h\u00e4ngen prim\u00e4r von den definierten Workflows ab.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Ziel dieses Praxistests war die \u00dcberpr\u00fcfung, wie weit ein lokaler KI-Agent mit einer einzigen Anweisung kommt. Als konkretes Szenario wurde die Erstellung einer vollst\u00e4ndigen Website gew\u00e4hlt, ohne selbst eine Tastatur anzufassen. Nach dem \u00d6ffnen von Telegram wurde folgende Nachricht gesendet: \u201eHey, baue eine Website f\u00fcr mein Caf\u00e9. Sie soll \u00e4sthetisch aussehen. Designe sie zuerst [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[22,26],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-engineering-de","category-ai-de"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way<\/title>\n<meta name=\"description\" content=\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way\" \/>\n<meta property=\"og:description\" content=\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/\" \/>\n<meta property=\"og:site_name\" content=\"The GoTeams Way\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-02T17:11:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-03T04:33:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1933\" \/>\n\t<meta property=\"og:image:height\" content=\"918\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/\"},\"author\":{\"name\":\"Aman\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#\\\/schema\\\/person\\\/d4d396c6870074752e296cfccc1a9a10\"},\"headline\":\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren\",\"datePublished\":\"2026-06-02T17:11:45+00:00\",\"dateModified\":\"2026-06-03T04:33:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/\"},\"wordCount\":1864,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Blogpost-T02.png\",\"articleSection\":[\"Ingenieurwesen\",\"K\u00fcnstliche Intelligenz\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/\",\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/\",\"name\":\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Blogpost-T02.png\",\"datePublished\":\"2026-06-02T17:11:45+00:00\",\"dateModified\":\"2026-06-03T04:33:24+00:00\",\"description\":\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Blogpost-T02.png\",\"contentUrl\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Blogpost-T02.png\",\"width\":1933,\"height\":918},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/de\\\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/\",\"name\":\"The GoTeams Way\",\"description\":\"By Entrepreneurs, for Entrepreneurs.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#organization\",\"name\":\"GoTeams\",\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Frame.png\",\"contentUrl\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Frame.png\",\"width\":488,\"height\":80,\"caption\":\"GoTeams\"},\"image\":{\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/go-teams\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/#\\\/schema\\\/person\\\/d4d396c6870074752e296cfccc1a9a10\",\"name\":\"Aman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g\",\"caption\":\"Aman\"},\"sameAs\":[\"https:\\\/\\\/www.goteams.de\"],\"url\":\"https:\\\/\\\/www.goteams.de\\\/blog\\\/author\\\/aman\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way","description":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/","og_locale":"en_US","og_type":"article","og_title":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way","og_description":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren","og_url":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/","og_site_name":"The GoTeams Way","article_published_time":"2026-06-02T17:11:45+00:00","article_modified_time":"2026-06-03T04:33:24+00:00","og_image":[{"width":1933,"height":918,"url":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","type":"image\/png"}],"author":"Aman","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aman","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#article","isPartOf":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/"},"author":{"name":"Aman","@id":"https:\/\/www.goteams.de\/blog\/#\/schema\/person\/d4d396c6870074752e296cfccc1a9a10"},"headline":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren","datePublished":"2026-06-02T17:11:45+00:00","dateModified":"2026-06-03T04:33:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/"},"wordCount":1864,"commentCount":0,"publisher":{"@id":"https:\/\/www.goteams.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","articleSection":["Ingenieurwesen","K\u00fcnstliche Intelligenz"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/","url":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/","name":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren - The GoTeams Way","isPartOf":{"@id":"https:\/\/www.goteams.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#primaryimage"},"image":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#primaryimage"},"thumbnailUrl":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","datePublished":"2026-06-02T17:11:45+00:00","dateModified":"2026-06-03T04:33:24+00:00","description":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren","breadcrumb":{"@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#primaryimage","url":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","contentUrl":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","width":1933,"height":918},{"@type":"BreadcrumbList","@id":"https:\/\/www.goteams.de\/blog\/de\/webprojekte-erstellen-und-deployen-direkt-ueber-das-smartphone-vom-text-prompt-zur-live-url-auf-github-pages-ohne-die-tastatur-zu-beruehren\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.goteams.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Webprojekte erstellen und deployen direkt \u00fcber das Smartphone: Vom Text-Prompt zur Live-URL auf GitHub Pages ohne die Tastatur zu ber\u00fchren"}]},{"@type":"WebSite","@id":"https:\/\/www.goteams.de\/blog\/#website","url":"https:\/\/www.goteams.de\/blog\/","name":"The GoTeams Way","description":"By Entrepreneurs, for Entrepreneurs.","publisher":{"@id":"https:\/\/www.goteams.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.goteams.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.goteams.de\/blog\/#organization","name":"GoTeams","url":"https:\/\/www.goteams.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.goteams.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/05\/Frame.png","contentUrl":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/05\/Frame.png","width":488,"height":80,"caption":"GoTeams"},"image":{"@id":"https:\/\/www.goteams.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/go-teams"]},{"@type":"Person","@id":"https:\/\/www.goteams.de\/blog\/#\/schema\/person\/d4d396c6870074752e296cfccc1a9a10","name":"Aman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f2101b674b61aed47543a83da217ac541e96f822b473abe9d72a00d04ad3bfb?s=96&d=mm&r=g","caption":"Aman"},"sameAs":["https:\/\/www.goteams.de"],"url":"https:\/\/www.goteams.de\/blog\/author\/aman\/"}]}},"jetpack_featured_media_url":"https:\/\/www.goteams.de\/blog\/wp-content\/uploads\/2026\/06\/Blogpost-T02.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":1,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/posts\/185\/revisions\/186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/media\/173"}],"wp:attachment":[{"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.goteams.de\/blog\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}