AI WORLD HQStarte deine eigene kostenlose KI-Web-App mit Hugging Face Spaces
Kopiere schnell eine fertige KI-Demo, passe sie an und veröffentliche sie in weniger als zehn Minuten live im Web – ganz ohne Programmierung.
Wolltest du schon immer ein cooles KI-Tool mit Freunden teilen oder einfach selbst eines unter deiner eigenen Webadresse testen, ohne programmieren zu müssen? Dieser Leitfaden zeigt dir, wie du eine vorgefertigte KI-Demo findest, eine eigene Kopie davon erstellst und sie kostenlos live im Internet startest. Obwohl Hugging Face Spaces es unglaublich einfach macht, eine KI-Demo zu starten, bietet dir dieser Prozess keinen vollständigen Zugriff auf den zugrunde liegenden Code der App oder erweiterte Anpassungsmöglichkeiten ohne weitere Entwicklungsschritte, die über diesen Anfängerleitfaden hinausgehen.
💡 Tipp: tippe auf die Nummer eines Schritts, wenn du ihn erledigt hast — ein grüner Haken erscheint und dein Browser merkt sich, wie weit du warst.
- Ein kostenloses Hugging Face-Konto: Falls du noch keins hast, besuche huggingface.co in deinem Webbrowser und klicke auf den Button „Sign Up“ (Registrieren), der sich normalerweise oben rechts befindet, um ein kostenloses Konto zu erstellen.
- Bei Hugging Face anmelden: Nachdem du ein Konto hast, kehre zu huggingface.co zurück. Suche nach einem „Log In“-Button (Anmelden) (oft in der Nähe von „Sign Up“ oder deinem Profilsymbol). Klicke darauf, gib dann deinen Benutzernamen oder deine E-Mail-Adresse und dein Passwort in die dafür vorgesehenen Felder ein und klicke auf „Log In“.
- Ein Name für deine App: Denk dir etwas Kurzes aus, in Kleinbuchstaben und mit Bindestrichen (z.B.
mein-erster-zusammenfassungs-bot). Dies wird Teil der öffentlichen Webadresse (URL) deiner App. - Etwa zehn Minuten Zeit: Der gesamte Prozess dauert normalerweise etwa 7–10 Minuten, stelle also sicher, dass du einen Moment Zeit hast, dich zu konzentrieren.
Die Spaces-Bibliothek erkunden
Nachdem du dich angemeldet hast, ist es an der Zeit, eine vorgefertigte KI-Demo zu finden, die du kopieren kannst. Hugging Face ist eine Online-Plattform, auf der Menschen Machine-Learning-Modelle und -Anwendungen erstellen, teilen und finden können; „Spaces“ sind wie Mini-Apps oder interaktive Demos von KI-Modellen.
Um zu beginnen, suche und klicke auf Spaces im oberen Menü der Hugging Face-Homepage; es befindet sich oft zwischen „Models“ und „Datasets“. Du gelangst dann zur Spaces-Bibliotheksseite, die eine Sammlung von KI-Demos zeigt. Gib in der Suchleiste oben auf dieser Seite ein Stichwort wie bildgenerator oder textzusammenfasser ein und drücke die Eingabetaste auf deiner Tastatur, um die Optionen zu durchsuchen. Suche nach einem Space, der Gradio oder Streamlit erwähnt – dies sind benutzerfreundliche Toolkits, die komplexe KI-Modelle in einfache Webseiten verwandeln, mit denen du interagieren kannst, ohne programmieren zu müssen. Klicke auf eines der Suchergebnisse, um es zu öffnen.
- Was du siehst: Nach dem Klicken auf ein Ergebnis gelangst du zur Seite eines bestimmten Space, die oft eine live Mini-Web-App anzeigt, die du sofort ausprobieren kannst.
- Was als Nächstes passiert: Die Demo des gewählten Space wird geladen und ist auf ihrer speziellen Seite bereit zur Interaktion, mit Eingabefeldern wie Textfeldern oder Schaltflächen.
- Wenn es anders aussieht: Wenn das obere Menü „Spaces“ nicht enthält, tippe auf das Menüsymbol (normalerweise drei horizontale Linien oder ein Quadrat aus Punkten) und suche in der erscheinenden Liste nach „Spaces“. Wenn deine Suchergebnisse Gradio oder Streamlit nicht eindeutig anzeigen, wähle einfach ein beliebiges, populär aussehendes aus.
Du weißt, dass es funktioniert hat, wenn du eine funktionierende Mini-Web-App (wie ein Formular oder ein Textfeld) prominent auf der Seite siehst, was anzeigt, dass die KI-Demo geladen wurde.
Einen Space auswählen und duplizieren
Du erstellst nun eine persönliche Kopie des Space. Dies ermöglicht es dir, ihn unter deinem eigenen Konto zu hosten und später sogar Änderungen an seinem Aussehen oder Verhalten vorzunehmen, falls du dies wünschst.
Suche auf der geöffneten Space-Seite oben rechts nach einem Button mit drei vertikalen Punkten (oder manchmal einem Zahnradsymbol auf kleineren Bildschirmen oder einer kleinen Seite mit einem Pluszeichen). Dieser Button zeigt normalerweise weitere Optionen für den Space an. Klicke diesen Button an, und ein kleines Menü erscheint. Wähle aus diesem Menü Diesen Space duplizieren. Es öffnet sich dann eine neue Seite mit einem Formular, das fragt, wie du deine Kopie einrichten möchtest, und hier beginnst du, deine neue App anzupassen.
- Was du siehst: Die Hauptseite des Space, dann ein Pop-up-Menü nach dem Klicken auf die Punkte, gefolgt von einer neuen Seite mit einem Formular.
- Was als Nächstes passiert: Das Formular fragt dich nach Details wie dem „Eigentümer“ (der standardmäßig dein Benutzername sein wird) und einem „Space-Namen“ für deine neue Kopie.
- Wenn es anders aussieht: Wenn du „Diesen Space duplizieren“ nicht siehst, suche stattdessen nach „Eine Kopie erstellen“ oder „Dieses Projekt forken“; alle führen die gleiche Aktion aus, eine persönliche Kopie zu erstellen.
Du weißt, dass es funktioniert hat, wenn du ein Formular auf deinem Bildschirm siehst, das „Space-Name“ als eines der ersten Felder enthält und bereit ist zur Eingabe.
Deinen neuen Space konfigurieren
Du gibst deiner Kopie nun einen einzigartigen Namen und entscheidest, wer sie sehen kann. Diese Einstellungen bestätigen die grundlegende Einrichtung deiner App, bevor sie im Web startet.
Gib in das dafür vorgesehene Feld für den Space-Namen einen kurzen, freundlichen Namen für deine App ein. Denke daran, Kleinbuchstaben und Bindestriche für Leerzeichen zu verwenden (z.B. mein-cooles-zusammenfassungs-tool). Unter dem Namen siehst du Optionen für die Sichtbarkeit, die steuert, wer auf deine App zugreifen kann. Wähle Öffentlich, wenn jeder mit dem Link sie öffnen können soll, oder Privat, wenn du sie nur mit bestimmten Personen teilen möchtest, die du einlädst (private Spaces erfordern möglicherweise einen kostenpflichtigen Plan für bestimmte erweiterte Funktionen). Suche als Nächstes den Bereich oder das Dropdown-Menü mit der Bezeichnung Hardware. Diese Einstellung teilt Hugging Face mit, welche Art von Rechenleistung deine App benötigt. Behalte Free CPU basic ausgewählt. Eine CPU (Central Processing Unit) ist wie das Gehirn eines Computers; „Free CPU basic“ bedeutet, dass du die standardmäßige, kostenlose Rechenleistung von Hugging Face verwendest, die perfekt für einfache KI-Demos ist und dich nichts kosten wird. Nachdem du diese Details ausgefüllt hast, scrolle nach unten und klicke auf Space duplizieren am unteren Rand des Formulars.
- Was du siehst: Ein Formular mit deutlich beschrifteten Feldern für „Space-Name“, „Sichtbarkeit“ und „Hardware“-Optionen. Die „Hardware“-Einstellung ist normalerweise ein Dropdown-Menü oder eine Liste von Auswahlmöglichkeiten in der Nähe des unteren Teils des Formulars.
- Was als Nächstes passiert: Hugging Face beginnt im Hintergrund mit der Einrichtung deiner App, einem Prozess namens „Building“ (Erstellung).
- Wenn es anders aussieht: Die „Hardware“-Optionen könnten vorausgewählt sein; vergewissere dich einfach, dass „Free CPU basic“ aktiv ist. Wenn eine kostenpflichtige Option hervorgehoben ist, stelle sicher, dass du sie wieder auf die kostenlose umstellst, um Gebühren zu vermeiden.
Du weißt, dass es funktioniert hat, wenn sich die Seite ändert und du eine Statusmeldung wie „Building“ (Erstellung) oder „Loading“ (Laden) mit einem Fortschrittsbalken oder einem Lade-Symbol siehst, was anzeigt, dass dein Space vorbereitet wird.
Beobachte, wie dein Space erstellt und gestartet wird
Nachdem du den Space dupliziert hast, benötigt Hugging Face einen Moment, um ihn vorzubereiten. Deine App durchläuft eine „Building“-Phase (Erstellungsphase), in der alle notwendigen Komponenten zu einer gebrauchsfertigen Webanwendung zusammengefügt werden.
Nachdem du auf „Space duplizieren“ geklickt hast, gelangst du zur speziellen Seite deines neuen Space. Hier siehst du Statusmeldungen und manchmal einen Fortschrittsbalken. Dies zeigt an, dass Hugging Face die Laufzeitumgebung deiner App vorbereitet, was vergleichbar ist mit der Einrichtung eines Mini-Computers auf ihren Servern, speziell für deine App. Sei geduldig, da dies je nach Komplexität des KI-Modells und der aktuellen Serverauslastung von wenigen Sekunden bis zu einigen Minuten dauern kann. Während dieser Zeit ist die App noch nicht ganz einsatzbereit. Sobald der Erstellungsprozess abgeschlossen ist, ändert sich der Status, und deine interaktive Web-App erscheint, bereit zur Interaktion.
- Was du siehst: Die Seite deines Space zeigt einen Bereich an, der „Building“ (Erstellung), „Loading“ (Laden), „Running“ (Ausführung) oder ähnliche Statusanzeigen zeigt. Du könntest auch Protokolle oder technische Nachrichten unterhalb des Haupt-App-Bereichs sehen.
- Was als Nächstes passiert: Der Status ändert sich schließlich zu „Running“ (Ausführung) oder Ähnlichem, und die interaktiven Elemente der KI-Demo (wie Textfelder oder Schaltflächen) werden in deinem Browser sichtbar und aktiv.
- Wenn es anders aussieht: Wenn es länger als 5 Minuten bei „Building“ (Erstellung) festzustecken scheint, versuche, deine Browserseite zu aktualisieren. Manchmal kann eine vorübergehende Netzwerkstörung die Anzeige des Status beeinträchtigen.
Du weißt, dass es funktioniert hat, wenn die Nachricht „Building“ (Erstellung) oder „Loading“ (Laden) verschwindet und die eigentliche interaktive KI-Demo (wie die Benutzeroberfläche des Bildgenerators oder des Zusammenfassers) vollständig funktionsfähig auf der Seite erscheint.
Deine neue App testen und teilen
Deine KI-Web-App ist jetzt live und läuft! Du kannst sie selbst nutzen und mit jedem teilen, den du möchtest, und ihnen so Zugang zu dem KI-Tool geben, das du gerade gestartet hast.
Wenn deine App vollständig auf der Seite angezeigt wird, versuche, mit ihr zu interagieren. Wenn es ein Bildgenerator ist, gib eine Beschreibung in das Prompt-Feld ein und klicke auf „Generieren“. Wenn es ein Textzusammenfasser ist, füge Text ein und klicke auf „Zusammenfassen“. Beobachte, wie die KI deine Anfrage verarbeitet und ihre Ausgabe anzeigt. Um deine App mit anderen zu teilen, suche die Webadresse (URL) in der Adressleiste deines Browsers. Sie wird typischerweise dem Format [dein-benutzername]-[dein-space-name].hf.space folgen. Kopiere diesen gesamten Link, und du kannst ihn dann in eine E-Mail, eine Messaging-App oder in soziale Medien einfügen, damit andere auf dein eigenes KI-Tool zugreifen können.
- Was du siehst: Die voll funktionsfähige KI-Demo-Oberfläche, die auf deine Eingaben reagiert, und die Adressleiste deines Browsers, die die einzigartige URL für deinen Space anzeigt.
- Was als Nächstes passiert: Die KI verarbeitet deine Anfrage und zeigt ihre generierte Ausgabe (wie ein Bild oder eine Zusammenfassung) direkt in der App-Oberfläche an.
- Wenn es anders aussieht: Wenn die App nicht reagiert, versuche, die Seite zu aktualisieren oder die Protokolle (oft unter der App) auf Fehlermeldungen zu überprüfen. Einige kostenlose Spaces könnten vorübergehend ausgelastet sein oder neu starten, wenn sie inaktiv bleiben.
Du weißt, dass es funktioniert hat, wenn die KI deine Eingabe verarbeitet und ein neues Bild oder Textergebnis anzeigt, und du deine einzigartige Webadresse in der Browserleiste sehen kannst.
- Vergessen, die Sichtbarkeit auf „Öffentlich“ zu setzen: Wenn du möchtest, dass andere deine App sehen und nutzen, stelle sicher, dass du in Schritt 3 „Öffentlich“ ausgewählt hast. Wenn du „Privat“ gewählt hast, können nur von dir eingeladene Personen darauf zugreifen, und du benötigst möglicherweise einen kostenpflichtigen Plan für bestimmte Freigabeoptionen. Du kannst diese Einstellung später auf der Seite deines Space ändern, indem du die Option „Einstellungen“ oder „Space verwalten“ findest.
- Auswahl einer kostenpflichtigen Hardware-Option: Es ist leicht, versehentlich eine leistungsstärkere (und kostenpflichtige) Hardware-Option anzuklicken. Überprüfe in Schritt 3 immer doppelt, ob „Free CPU basic“ ausgewählt ist. Hugging Face warnt dich normalerweise, bevor Kosten entstehen, aber es ist am besten, wachsam zu sein. Wenn du versehentlich eine kostenpflichtige Option ausgewählt hast, gehe zu den Einstellungen deines Space und wechsle zurück zu einer kostenlosen Stufe.
- Ungeduldiges Aktualisieren während der „Building“-Phase: Auch wenn es verlockend ist, zu aktualisieren, wenn es festzustecken scheint, kann ständiges Aktualisieren während der „Building“-Phase den Prozess manchmal unterbrechen. Gib ihm gut ein paar Minuten (bis zu 5), bevor du eine Aktualisierung versuchst, und vertraue den Statusanzeigen.
Probiere es jetzt aus
Kopiere den Link zu deinem neu gestarteten Hugging Face Space aus der Adressleiste deines Browsers und sende ihn an einen Freund oder ein Familienmitglied. Bitte sie, deine KI-App auszuprobieren und dir zu sagen, was sie erstellen!
❓ Schnelle Fragen
Wie lange dauert das?
Etwa 6 Minuten — die Anleitung hat 5 Schritte, und du kannst jeden beim Durcharbeiten abhaken.
Welches Tool brauche ich?
Diese Anleitung nutzt Hugging Face Hugging Face — aber die Methode funktioniert in anderen KI-Assistenten sehr ähnlich.
Muss ich etwas vorbereiten?
- Ein kostenloses Hugging Face-Konto: Falls du noch keins hast, besuche huggingface.co in deinem Webbrowser und klicke auf den Button „Sign Up“ (Registrieren), der sich normalerweise oben rechts befindet, um ein kostenloses Konto zu erstellen.
- Bei Hugging Face anmelden: Nachdem du ein Konto hast, kehre zu huggingface.co zurück. Suche nach einem „Log In“-Button (Anmelden) (oft in der Nähe von „Sign Up“ oder deinem Profilsymbol). Klicke darauf, gib dann deinen Benutzernamen oder deine E-Mail-Adresse und dein Passwort in die dafür vorgesehenen Felder ein und klicke auf „Log In“.
- Ein Name für deine App: Denk dir etwas Kurzes aus, in Kleinbuchstaben und mit Bindestrichen (z.B.
mein-erster-zusammenfassungs-bot). Dies wird Teil der öffentlichen Webadresse (URL) deiner App. - Etwa zehn Minuten Zeit: Der gesamte Prozess dauert normalerweise etwa 7–10 Minuten, stelle also sicher, dass du einen Moment Zeit hast, dich zu konzentrieren.
Welche Fehler sollte ich vermeiden?
- Vergessen, die Sichtbarkeit auf „Öffentlich“ zu setzen: Wenn du möchtest, dass andere deine App sehen und nutzen, stelle sicher, dass du in Schritt 3 „Öffentlich“ ausgewählt hast. Wenn du „Privat“ gewählt hast, können nur von dir eingeladene Personen darauf zugreifen, und du benötigst möglicherweise einen kostenpflichtigen Plan für bestimmte Freigabeoptionen. Du kannst diese Einstellung später auf der Seite deines Space ändern, indem du die Option „Einstellungen“ oder „Space verwalten“ findest.
- Auswahl einer kostenpflichtigen Hardware-Option: Es ist leicht, versehentlich eine leistungsstärkere (und kostenpflichtige) Hardware-Option anzuklicken. Überprüfe in Schritt 3 immer doppelt, ob „Free CPU basic“ ausgewählt ist. Hugging Face warnt dich normalerweise, bevor Kosten entstehen, aber es ist am besten, wachsam zu sein. Wenn du versehentlich eine kostenpflichtige Option ausgewählt hast, gehe zu den Einstellungen deines Space und wechsle zurück zu einer kostenlosen Stufe.
- Ungeduldiges Aktualisieren während der „Building“-Phase: Auch wenn es verlockend ist, zu aktualisieren, wenn es festzustecken scheint, kann ständiges Aktualisieren während der „Building“-Phase den Prozess manchmal unterbrechen. Gib ihm gut ein paar Minuten (bis zu 5), bevor du eine Aktualisierung versuchst, und vertraue den Statusanzeigen.
Weiterlesen
✦ Original-Schritt-für-Schritt-Anleitung vom KI-Redaktionsteam von AI World HQ Verständlich geschrieben, auf Richtigkeit geprüft.
← Zurück zu den News