Starten Sie Ihre eigene kostenlose KI-Web-App mit Hugging Face Spaces

Die Spaces-Bibliothek erkunden

Jetzt, da Sie angemeldet sind, ist es Zeit, eine vorgefertigte KI-Demo zum Kopieren zu finden. Hugging Face ist eine Online-Plattform, auf der Menschen Machine-Learning-Modelle und -Anwendungen erstellen, teilen und finden; „Spaces“ sind wie Mini-Apps oder interaktive Demos von KI-Modellen.

Suchen und klicken Sie zunächst auf Spaces im oberen Menü der Hugging Face-Homepage; es befindet sich oft zwischen „Models“ und „Datasets“. Sie gelangen dann auf die Spaces-Bibliotheksseite, die eine Sammlung von KI-Demos zeigt. Geben Sie in die Suchleiste oben auf dieser Seite ein Schlüsselwort wie image generator (Bildgenerator) oder text summariser (Textzusammenfasser) ein und drücken Sie die Eingabetaste auf Ihrer Tastatur, um Optionen zu durchsuchen. Suchen Sie nach einem Space, der Gradio oder Streamlit erwähnt – dies sind benutzerfreundliche Toolkits, die komplexe KI-Modelle in einfache Webseiten verwandeln, mit denen Sie interagieren können, ohne Code kennen zu müssen. Klicken Sie auf eines der Suchergebnisse, um es zu öffnen.

• Was Sie sehen: Nach dem Klicken auf ein Ergebnis gelangen Sie auf die Seite eines bestimmten Space, die oft eine Live-Mini-Web-App anzeigt, die Sie sofort ausprobieren können.
• Was als Nächstes passiert: Die Demo des ausgewählten Space wird geladen und ist auf derDedicated Page zur Interaktion bereit, wobei Eingabefelder wie Textfelder oder Schaltflächen angezeigt werden.
• Wenn es anders aussieht: Falls das obere Menü „Spaces“ nicht anzeigt, tippen Sie auf das Menüsymbol (normalerweise drei horizontale Linien oder ein Quadrat aus Punkten) und suchen Sie „Spaces“ in der angezeigten Liste. Wenn Ihre Suchergebnisse Gradio oder Streamlit nicht klar anzeigen, wählen Sie einfach eine populär aussehende aus.

Sie wissen, dass es funktioniert hat, wenn Sie eine funktionierende Mini-Web-App (wie ein Formular oder ein Textfeld) prominent auf der Seite sehen, die anzeigt, dass die KI-Demo geladen ist.

Einen Space auswählen und duplizieren

Sie erstellen nun eine persönliche Kopie des Space. Dies ermöglicht es Ihnen, ihn unter Ihrem eigenen Konto zu hosten und später, falls gewünscht, sogar Änderungen an seinem Erscheinungsbild oder Verhalten vorzunehmen.

Suchen Sie auf der geöffneten Space-Seite oben rechts nach einer Schaltfläche mit drei vertikalen Punkten (oder manchmal einem Zahnradsymbol auf kleineren Bildschirmen oder einem kleinen Blatt mit einem Pluszeichen). Diese Schaltfläche zeigt normalerweise weitere Optionen für den Space an. Klicken Sie auf diese Schaltfläche, und ein kleines Menü erscheint. Wählen Sie aus diesem Menü Diesen Space duplizieren. Eine neue Seite wird sich dann öffnen, die ein Formular präsentiert, das Sie fragt, wie Sie Ihre Kopie einrichten möchten, wo Sie mit der Anpassung Ihrer neuen App beginnen.

• Was Sie sehen: 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 Sie nach Details wie dem „Owner“ (Eigentümer), der standardmäßig Ihr Benutzername sein wird, und einem „Space name“ (Space-Namen) für Ihre neue Kopie.
• Wenn es anders aussieht: Wenn Sie „Diesen Space duplizieren“ nicht sehen, suchen Sie stattdessen nach „Kopie erstellen“ oder „Dieses Projekt forken“; alle führen dieselbe Aktion aus, eine persönliche Kopie zu erstellen.

Sie wissen, dass es funktioniert hat, wenn Sie ein Formular auf Ihrem Bildschirm sehen, in dem „Space name“ als eines der ersten Felder angezeigt wird, bereit für Ihre Eingabe.

Ihren neuen Space konfigurieren

Sie geben Ihrer Kopie nun einen eindeutigen Namen und entscheiden, wer sie sehen kann. Diese Einstellungen bestätigen die grundlegende Einrichtung Ihrer App, bevor sie im Web gestartet wird.

Geben Sie im dafür vorgesehenen Feld für den Space-Namen einen kurzen, freundlichen Namen für Ihre App ein. Denken Sie daran, Kleinbuchstaben und Bindestriche für Leerzeichen zu verwenden (z.B. my-cool-summary-tool). Unterhalb des Namens sehen Sie Optionen für die Sichtbarkeit, die steuert, wer auf Ihre App zugreifen kann. Wählen Sie Öffentlich, wenn jeder mit dem Link sie öffnen können soll, oder Privat, wenn Sie sie nur mit bestimmten Personen teilen möchten, die Sie einladen (private Spaces erfordern möglicherweise einen kostenpflichtigen Plan für bestimmte erweiterte Funktionen). Suchen Sie als Nächstes den Bereich oder das Dropdown-Menü mit der Bezeichnung Hardware. Diese Einstellung teilt Hugging Face mit, welche Art von Rechenleistung Ihre App benötigt. Belassen Sie Free CPU basic ausgewählt. Eine CPU (Central Processing Unit) ist wie das Gehirn eines Computers; „Free CPU basic“ bedeutet, dass Sie die standardmäßige, kostenlose Rechenleistung von Hugging Face nutzen, die perfekt für einfache KI-Demos ist und Sie nichts kosten wird. Nachdem Sie diese Details ausgefüllt haben, scrollen Sie nach unten und klicken Sie unten im Formular auf Space duplizieren.

• Was Sie sehen: Ein Formular mit klar beschrifteten Feldern für „Space-Name“, „Sichtbarkeit“ und „Hardware“-Optionen. Die „Hardware“-Einstellung ist normalerweise ein Dropdown-Menü oder eine Liste von Auswahlmöglichkeiten unten im Formular.
• Was als Nächstes passiert: Hugging Face beginnt im Hintergrund mit der Einrichtung Ihrer App, ein Prozess, der als „Erstellung“ bezeichnet wird.
• Wenn es anders aussieht: Die „Hardware“-Optionen könnten vorab ausgewählt sein; bestätigen Sie einfach, dass „Free CPU basic“ aktiv ist. Wenn eine kostenpflichtige Option hervorgehoben ist, stellen Sie sicher, dass Sie sie wieder auf die kostenlose umstellen, um Gebühren zu vermeiden.

Sie wissen, dass es funktioniert hat, wenn sich die Seite ändert und Sie eine Statusmeldung wie „Erstellung“ oder „Laden“ mit einem Fortschrittsbalken oder einem sich drehenden Symbol sehen, das anzeigt, dass Ihr Space vorbereitet wird.

Beobachten Sie die Erstellung und den Start Ihres Space

Sobald Sie den Space dupliziert haben, benötigt Hugging Face einen Moment, um ihn vorzubereiten. Ihre App durchläuft eine „Erstellungsphase“, in der alle notwendigen Komponenten zu einer gebrauchsfertigen Webanwendung zusammengefügt werden.

Nachdem Sie auf „Space duplizieren“ geklickt haben, werden Sie zur dedizierten Seite Ihres neuen Space weitergeleitet. Hier sehen Sie Statusmeldungen und manchmal einen Fortschrittsbalken. Dies zeigt an, dass Hugging Face die Laufzeitumgebung Ihrer App vorbereitet, was dem Einrichten eines Mini-Computers auf ihren Servern speziell für Ihre App entspricht. Seien Sie geduldig, da dies je nach Komplexität des KI-Modells und der aktuellen Serverauslastung von einigen 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 Ihre interaktive Web-App erscheint, bereit zur Interaktion.

• Was Sie sehen: Die Seite Ihres Space zeigt einen Bereich an, der „Erstellung“, „Laden“, „Wird ausgeführt“ oder ähnliche Statusanzeigen anzeigt. Möglicherweise sehen Sie auch Protokolle oder technische Meldungen unterhalb des Haupt-App-Bereichs.
• Was als Nächstes passiert: Der Status ändert sich schließlich zu „Wird ausgeführt“ oder Ähnlichem, und die interaktiven Elemente der KI-Demo (wie Textfelder oder Schaltflächen) werden in Ihrem Browser sichtbar und aktiv.
• Wenn es anders aussieht: Wenn es länger als 5 Minuten bei „Erstellung“ hängen bleibt, versuchen Sie, Ihre Browserseite zu aktualisieren. Manchmal kann eine vorübergehende Netzwerkstörung die Anzeige des Status beeinträchtigen.

Sie wissen, dass es funktioniert hat, wenn die Meldung „Erstellung“ oder „Laden“ verschwindet und die eigentliche interaktive KI-Demo (wie die Benutzeroberfläche des Bildgenerators oder Zusammenfassers) vollständig funktionsfähig auf der Seite erscheint.

Ihre neue App testen und teilen

Ihre KI-Web-App ist nun live und läuft! Sie können