Suite d'outils permettant de créer des artefacts HTML élaborés et multi-composants à l'aide de technologies Web frontales modernes (React, Tailwind CSS, shadcn/ui). À utiliser pour les artefacts complexes nécessitant des composants de gestion d'état, de routage ou shadcn/ui - pas pour de simples artefacts HTML/JSX à fichier unique.
Installez rapidement le skill IA artifacts-builder dans votre environnement de développement via la ligne de commande
Source : arielperez82/agents-and-skills.
Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui
VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.
Run the initialization script to create a new React project:
Suite d'outils permettant de créer des artefacts HTML élaborés et multi-composants à l'aide de technologies Web frontales modernes (React, Tailwind CSS, shadcn/ui). À utiliser pour les artefacts complexes nécessitant des composants de gestion d'état, de routage ou shadcn/ui - pas pour de simples artefacts HTML/JSX à fichier unique. Source : arielperez82/agents-and-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/arielperez82/agents-and-skills --skill artifacts-builderSuite d'outils permettant de créer des artefacts HTML élaborés et multi-composants à l'aide de technologies Web frontales modernes (React, Tailwind CSS, shadcn/ui). À utiliser pour les artefacts complexes nécessitant des composants de gestion d'état, de routage ou shadcn/ui - pas pour de simples artefacts HTML/JSX à fichier unique. Source : arielperez82/agents-and-skills.
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/arielperez82/agents-and-skills --skill artifacts-builder 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/arielperez82/agents-and-skills