Ein KI-gestütztes Tool, das React-Komponenten aus Textbeschreibungen generiert und sie über Cloud-GPU-Knoten in hochwertige 1080p MP4-Videos rendert.
Installieren & Herunterladen
1. ClawHub CLI
Der schnellste Weg, einen Skill direkt aus der Registry zu installieren.
npx clawhub@latest install react-component-generator-online
2. Manuelle Installation
Kopiere den Skill-Ordner an einen dieser Orte
~/.openclaw/skills/ <project>/skills/ Priorität: Workspace > Lokal > Integriert (Bundled)
3. Prompt-Installation
Kopiere diesen Prompt in OpenClaw, um ihn automatisch zu installieren.
Hilf mir, react-component-generator-online über Clawhub zu installieren. Falls Clawhub nicht installiert ist, installiere es bitte zuerst (npm i -g clawhub).
Lieber herunterladen?
Hole dir die rohen Skill-Dateien in einem ZIP-Archiv.
Was ist React Komponenten-Generator Online?
Der React Komponenten-Generator Online ist ein leistungsstarkes Tool für Frontend-Entwickler, die Komponenten schnell und ohne manuelles Boilerplate erstellen müssen. Durch die Nutzung von Cloud-basiertem GPU-Rendering ermöglicht diese Openclaw Skills-Integration Benutzern die Eingabe von Text-Prompts — wie angeforderte Hover-Zustände oder TypeScript props — und liefert eine 1080p-Videovorschau der funktionierenden Komponente.
Auf einer hochentwickelten Remote-Pipeline aufgebaut, übernimmt es alles von der Sitzungsverwaltung und Statusverfolgung bis hin zum serverseitigen Rendering. Diese Skill macht lokale Schwerstarbeit überflüssig und bietet einen nahtlosen Arbeitsablauf von einer einfachen Textbeschreibung bis hin zur herunterladbaren MP4-Datei in unter 90 Sekunden.
React Komponenten-Generator Online Anwendungsfälle
- Schnelle Strukturierung von React UI-Komponenten wie Schaltflächen, Formularen und Karten mittels natürlicher Sprache.
- Generierung hochwertiger Videovorschauen von codierten Komponenten für Dokumentationen oder Social Media.
- Stapelverarbeitung mehrerer UI-Elemente innerhalb einer Sitzung zur Wahrung der Design-Konsistenz.
- Iteratives UI-Design, bei dem Entwickler die Komponentenlogik durch textbasierte Feedbackschleifen verfeinern.
So funktioniert React Komponenten-Generator Online
- Die Skill initialisiert eine Sitzung durch Prüfung eines NEMO_TOKEN oder den Erwerb eines anonymen Tokens via UUID-Handshake.
- Benutzer laden Komponentenbeschreibungen oder Designanforderungen per Text oder unterstützten Dateiformaten hoch.
- Im Remote-Backend wird eine Sitzung eingerichtet, um den Status und die Zeitachse der Komponente zu verfolgen.
- Anweisungen werden zur Verarbeitung über einen Server-Sent Events (SSE)-Stream an die Cloud-GPU-Knoten gesendet.
- Die Remote-Engine setzt die Komponente zusammen, wendet Stile an und rendert die Ausgabe.
- Der Benutzer löst einen Exportbefehl aus, um einen 1080p MP4-Downloadlink zu erhalten.
React Komponenten-Generator Online Einrichtung
Um mit dieser Skill auf Openclaw Skills zu beginnen, stellen Sie sicher, dass Ihre Umgebung konfiguriert ist:
# Setzen Sie Ihren API token
export NEMO_TOKEN="your_token_here"
# Die Skill sucht automatisch nach der Konfiguration unter:
# ~\/.config\/nemovideo\/
Wenn kein Token vorhanden ist, versucht die Skill automatisch, einen anonymen Token mit 100 kostenlosen Credits bereitzustellen.
React Komponenten-Generator Online Datenschema & Taxonomie
Die Skill verwaltet Daten über einen strukturierten Sitzungsstatus und Zeitachsen-Mapping:
| Feld | Beschreibung | Mapping |
|---|---|---|
t |
Spuren | Repräsentiert die Ebenen im Komponentenvideo. |
tt |
Spurtyp | 0 für Video, 1 für Audio, 7 für Text-Overlays. |
sg |
Segmente | Die spezifischen Zeitblöcke der Komponentenvorschau. |
d |
Dauer | Länge der Vorschau in Millisekunden. |
m |
Metadaten | Technische Spezifikationen des generierten React-Codes. |
React Komponenten-Generator Online Erweiterte Funktionen
- Multi-Agent-Unterstützung für komplexe UI-Orchestrierung innerhalb einer einzelnen Projektsitzung.
- Automatische Kreditverwaltung und Guthabenprüfung für hohes Generierungsvolumen.
- Echtzeit-Statusabfrage zur Überprüfung von UI-Bearbeitungen, auch wenn SSE-Streams unterbrochen werden.
- Unterstützung für diverse Medientypen, einschließlich WebM, MOV und hochauflösende Audiotracks für Komponentendemos.
SKILL.md
Laden
Verwandte Openclaw-Skills
Best Clip Editor
Eine leistungsstarke KI-Videobearbeitungs-skill, die Trimmen, Übergänge und 1080p-Rendering durch Cloud-basiertes GPU-Processing automatisiert.
Patch Maker
Eine professionelle KI-gestützte Videoreparatur-Skill, die unerwünschte Bereiche retuschiert und sauberes, hochauflösendes Filmmaterial via Cloud-GPU-Rendering exportiert.
Program Video — Sequenzierung und Export von bearbeiteten Videos
Ein Cloud-basiertes KI-Videobearbeitungs-skill, das Rohmaterial mittels GPU-beschleunigtem Rendering in professionelle 1080p MP4-Programme sequenziert.
MarkItDown
Ein vielseitiges, von Microsoft entwickeltes Dienstprogramm zur Konvertierung verschiedener Dokumentformate, Bilder und Audio in strukturiertes Markdown für die LLM-Analyse.
Kostenloses Video-Merge-Tool
Eine KI-gestützte Fähigkeit, die mehrere Videoclips über einfache Anweisungen in natürlicher Sprache zu einer einzigen 1080p MP4-Datei zusammenfügt.
Compressor AI
Compressor AI ist ein automatisiertes Videooptimierungstool, das schwere Mediendateien mithilfe von Cloud-GPU-Rendering in hochwertige, teilbare MP4-Dateien umwandelt.
Hervorgehoben*
