Diese Ausgabe wird dir von HubSpot prΓ€sentiert.

AI-HOI AInauten,

Willkommen zur neuen Ausgabe deines Lieblingsnewsletters. Heute mit hilfreichen Praxis-Tipps zum Nachmachen und den wichtigsten News. Das haben wir fΓΌr dich im GepΓ€ck:

  • πŸ“± Der ultimative ChatGPT Voice-Hack: Gedankensalat in strukturierten Text verwandeln

  • πŸš€ Praxis-Walkthrough: Erstelle deine eigene Web-App und bringe sie online

  • πŸ“° AI-News-Quickie: Die HAI-lights aus der Branche

Los geht’s!

πŸ“± Der ultimative ChatGPT Voice-Hack: Deinen Gedankensalat in strukturierten Text verwandeln

Kennst du das? Du hast einen Geistesblitz, aber keine Gelegenheit, ihn sauber aufzuschreiben? Oder du sprudelst vor Ideen, aber deine Finger kommen beim Tippen nicht so schnell mit? Dann haben wir heute einen mega-coolen Hack fΓΌr dich.

Sprich es aus, ChatGPT schreibt es auf!

Stell dir vor, du kΓΆnntest einfach drauflos plappern und am Ende hast du einen perfekt formulierten Text, eine knackige Zusammenfassung und sogar eine To-Do-Liste - alles ohne einen Finger zu rΓΌhren!

So funktioniert's: Dein Schritt-fΓΌr-Schritt-Guide

  1. Installiere zuerst die ChatGPT App auf deinem Handy oder Desktop. WΓ€hle die gewΓΌnschte Stimme und aktiviere das Feature β€œHintergrundgesprΓ€che” auf dem Mobiltelefon.

  2. Starte einen neuen Chat mit diesem Prompt (oder nutze unseren GPT):

Du bist mein hilfreicher Assistent, der meine gesprochenen Gedanken in einen gut geschriebenen Text verwandelt. 

Ich fange an zu sprechen, und du sollst NUR das Wort 'Weiter' sagen, wenn ich zu lange pausiere (sonst nichts). Sobald ich sage "Fertig", "Stop" oder "Ende", mΓΆchte ich, dass du meine Gedanken in einen gut geschriebenen und klar strukturierten Text umwandelst. 

Danach fasse bitte die Hauptpunkte zusammen und extrahiere alle Aufgaben aus unserem GesprΓ€ch.

WICHTIG: Solange ich noch nicht "Fertig", "Stop", oder "Ende" gesagt hat, antworte immer nur mit "Weiter", sonst nichts, keine weiteren Details etc.
  1. Klicke auf das KopfhΓΆrer-Icon in der App und sprich einfach drauf los!

  2. Am Ende sagst du laut und deutlich β€œFertig!”, β€œStop” oder β€œEnde”, und erhΓ€ltst deine Zusammenfassung etc. prΓ€sentiert.

Background Conversations aktivieren

KopfhΓΆrer Icon klicken und starten

Unser Take: Sprache ist das neue Tippen

Dieser Ansatz ist nicht nur cool, er zeigt uns auch, wohin die Reise geht: Zur nahtlosen Integration von AI in unseren kreativen Prozess. Die Barriere zwischen Denken und Schreiben wird immer dΓΌnner.

Stell dir vor, wie du diesen Hack in deinem Alltag einsetzen kΓΆnntest: Blitzschnelle Meeting-Notizen, spontane Blog-Post-Ideen, EntwΓΌrfe fΓΌr Dokumente oder sogar das GrundgerΓΌst fΓΌr deine nΓ€chste geniale GeschΓ€ftsidee - alles nur durch Sprechen! Du sparst damit Zeit und kannst deinen Ideen freien Lauf lassen.

P.S.: Du kannst dir auch einen eigenen GPT bauen (nur fΓΌr Pro-Nutzer), oder unseren nutzen (auch fΓΌr kostenlose Accounts). Voice wird immer wie wichtiger, und bald haben wir wirklich einen genialen Assistenten in der Hostentasche (siehe die Beispiele der neuen ChatGPT Voice Funktion unten).

πŸš€ Praxis-Walkthrough: Erstelle deine eigene Web-App und bringe sie online

Hast du 15 Minuten Zeit und Lust auf ein Experiment? Dann lass uns eine App fΓΌr dich programmieren und direkt online bringen.

Wir machen das Schritt fΓΌr Schritt - ganz ohne eine einzige Zeile Code selbst zu schreiben. Und du kannst das getrost unter β€œAusbildung” verbuchen 😎. Let's go!

1. WΓ€hle deinen Coding-Wizard πŸͺ„

Bevor du loslegst, brauchst du das richtige Werkzeug. Claude 3.5 Sonnet ist unser Favorit, aber alternativ kannst du auch ChatGPT oder Llama 3.1 nutzen. Alle stehen dir kostenlos zur VerfΓΌgung, und kΓΆnnen coden wie die Weltmeister.

2. Sprich Klartext: Formuliere deine Vision πŸ—£οΈ

ErklΓ€re deinem Buddy in einfachen Worten, was fΓΌr eine App oder Webseite du dir vorstellst. Sei dabei so konkret wie mΓΆglich. Beispiel:

Ich mΓΆchte eine To-Do-Liste-App, die Aufgaben im Browser speichert. Nutze nur HTML, Vanilla JavaScript und eine CSS-Bibliothek. Die Daten mΓΌssen im Browser gespeichert werden, es gibt keinen Serverseitigen Code.

MΓΆgliche Ideen wΓ€ren auch eine Flashcard-Lernapp mit digitalen Karteikarten zum Wiederholen von Inhalten, oder eine Tagebuch-App fΓΌr tΓ€gliche EintrΓ€ge mit Stimmungs-Tracking oder ein Notizbuch zum Speichern und Organisieren von Notizen mit Suchfunktion.

Bonus-Tipp: Nutze den Claude Prompt Generator fΓΌr ein ausgefeilteres Prompt. Bedenke dabei, dass deine App nicht direkten Zugang zu AI-Features hat (resp. du das einbauen lassen mΓΌsstest, indem der Nutzer seinen API-Key eintrΓ€gt).

3. Lass die AI zaubern: Code-Generierung 🎩✨

Hau das Prompt in die Chatbox und staune, wie dein digitaler Assistent dir eine komplette Webseite aus dem Hut zaubert. HTML, CSS, JavaScript - alles dabei, ohne dass du (wir) auch nur einen Funken Ahnung davon haben musst!

4. Testen und erweitern: Lokaler Check und neue Features πŸ’…

Teste den Output direkt in Claude, und lade es dann herunter, um es im Browser zu testen (insbesondere dann, wenn App-Daten im Browser gespeichert werden).

GefΓ€llt dir was du siehst, willst aber noch mehr? Kein Problem! Geh zurΓΌck in den Chatbot und erweitere deine App mit weiteren Funktionen.

Achtung, wenn eine einzelne Datei/App zu umfangreich wird, kann es sein dass Claude auch mal den Faden verliert und mittendrin aufhΓΆrt. Hier kannst du umfangreichere Funktionen in separate Dateien auslagern lasen.

5. Ab ins World Wide Web: Hosting bei Cloudflare 🌐

Der einfachste Weg ist es, den Code einfach als Claude App zu sharen.

Aber wir wollen dir noch einen alternativen, unabhΓ€ngigeren Weg vorstellen.

  • Erstelle einen kostenlosen Account bei Cloudflare.com.

  • Geh zu "Workers & Pages" und dann zum "Pages"-Tab.

  • Klicke auf β€œUpload Assets” und gib deinem Baby einen Namen.

  • Pack deine HTML-Datei (umbenannt nach "index.html") in einen Ordner auf deinem Rechner.

  • Drag & Droppe diesen Ordner in das Cloudflare-Interface.

  • Klick auf "Deploy Site" und - BOOM! - die App oder Webseite ist online!

  • Und falls du ein Update der App machen willst, dann klicke einfach auf β€œCreate new deployment”.

Und schon hast du es geschafft! Deine Kreation ist jetzt fΓΌr die ganze Welt erreichbar. Hier ist unser Beispiel, eine simple Task Manager App fΓΌr den Browser: https://taskmasterpro.pages.dev

Unser Take: Versuch macht klug!

Mit AI als Sidekick kannst du plΓΆtzlich in Rekordzeit eigene Online-Projekte fΓΌr deine Use Cases auf die Beine stellen, ganz ohne coden zu mΓΌssen. Das ΓΆffnet ungeahnte MΓΆglichkeiten fΓΌr KreativitΓ€t und Innovation. Schick uns deine Kreationen, wir sind mega gespannt, auf was fΓΌr Ideen du kommst!

πŸ“° AI-News-Quickie: Die HAI-lights aus der Branche

Es hat sich einiges getan, hier die wichtigsten Update aus dem AIniversum!

OpenAI

Google

Bild & Video

Robotik & Gadgets

  • Die Fast-Food Kette Taco Bell setzt neu auf AI in ihren Drive-Thrus!

  • Die erste vollautomatische Zahn-Prozedur wurde von einem Roboter durchgefΓΌhrt … und deine ZahnbΓΌrste wird bald auch mit AI-Intelligenz ausgestattet.

  • Hunde haben eine Sprache, ergo … sollten wir bald einen Translator haben, um mit unseren Vierbeinern zu sprechen.

  • Figure hat die Version 2 ihres Roboters angekΓΌndigt - β€œder am weitesten entwickelten Humanoide auf diesem Planeten”.

Geschafft! Aber kein Grund zum traurig sein. Die AInauten sind schon bald wieder zurΓΌck, mit neuem Futter fΓΌr dich.

Reto & Fabian von den AInauten

P.S.: Folge uns auf den sozialen Medien - das motiviert uns, Gas zu geben 😁! Twitter, LinkedIn, Facebook, Insta, YouTube, TikTok

Wann immer du bereit bist, so kΓΆnnen wir dir helfen:

1. AINAUTEN CRASHKURS: Der wohl schnellste und einfachste Einstieg in die Welt der AI. Im Crashkurs lernst du in ΓΌber 50+ Videos, wie du AI fΓΌr dich wirklich anwenden kannst. In weniger als zwei Wochen wirst du so zum AI-Experten. Von Prompts, zu Bildern und Videos, bis zu AI im Office ist alles mit dabei. Klicke hier!

2. AINAUTEN PREMIUM: Die Themen aus dem Newsletter tiefer aufgearbeitet. Jede Woche neue AI Praxis-Videos, Tutorials, Tool-Tests, Prompt-Vorlagen, Experimente u.Β v.Β m. WΓΆchentliche Podcasts und News-Zusammenfassungen. Und stelle uns direkt deine Fragen und nutze den direkten Zugang zu uns. Klicke hier!