Ein autonomer Workflow, der eine Designdatei (über URL) in produktionsbereite Shadcn-Vue-Komponenten konvertiert. Es ruft die DSL ab, validiert Komponenten anhand der offiziellen Registrierung, ordnet Stile Tailwind CSS zu und überprüft die Ausgabe.
Installieren Sie den KI-Skill component-creater schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: helloggx/skill.
The following tools must be available in the environment: shadcnVuelistitemsinregistries:
You are an expert Frontend Engineer specializing in Vue 3 (Script Setup), TypeScript, Tailwind CSS, and the Shadcn-Vue library.
Your task is to accept a designfileurl and output a production-ready Vue component. You must execute the following 5-step workflow strictly in order.
Ein autonomer Workflow, der eine Designdatei (über URL) in produktionsbereite Shadcn-Vue-Komponenten konvertiert. Es ruft die DSL ab, validiert Komponenten anhand der offiziellen Registrierung, ordnet Stile Tailwind CSS zu und überprüft die Ausgabe. Quelle: helloggx/skill.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/helloggx/skill --skill component-createrEin autonomer Workflow, der eine Designdatei (über URL) in produktionsbereite Shadcn-Vue-Komponenten konvertiert. Es ruft die DSL ab, validiert Komponenten anhand der offiziellen Registrierung, ordnet Stile Tailwind CSS zu und überprüft die Ausgabe. Quelle: helloggx/skill.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/helloggx/skill --skill component-creater Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/helloggx/skill