Un flux de travail autonome qui convertit un fichier de conception (via une URL) en composants Shadcn-Vue prêts pour la production. Il récupère le DSL, valide les composants par rapport au registre officiel, mappe les styles sur Tailwind CSS et vérifie la sortie.
Installez rapidement le skill IA component-creater dans votre environnement de développement via la ligne de commande
Source : 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.
Un flux de travail autonome qui convertit un fichier de conception (via une URL) en composants Shadcn-Vue prêts pour la production. Il récupère le DSL, valide les composants par rapport au registre officiel, mappe les styles sur Tailwind CSS et vérifie la sortie. Source : helloggx/skill.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/helloggx/skill --skill component-createrUn flux de travail autonome qui convertit un fichier de conception (via une URL) en composants Shadcn-Vue prêts pour la production. Il récupère le DSL, valide les composants par rapport au registre officiel, mappe les styles sur Tailwind CSS et vérifie la sortie. Source : helloggx/skill.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/helloggx/skill --skill component-creater Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/helloggx/skill