Artefacts web complexes (React / Tailwind / shadcn)

À quoi ça sert

Une suite d’outils pour créer des artefacts claude.ai élaborés et multi-composants avec des technologies front modernes (React, Tailwind CSS, shadcn/ui). Pour les artefacts complexes — état, routing, composants — pas les petits fichiers HTML/JSX isolés.

Aperçu

web-artifacts-builder/
├─ SKILL.md
├─ LICENSE.txt  (Apache 2.0)
└─ scripts/  (init-artifact.sh, bundle-artifact.sh, shadcn-components.tar.gz)

Pourquoi ce skill fonctionne

Elle cadre la production d’interfaces React avec Tailwind et shadcn : conventions, structure, composants attendus. Sur ce terrain, un modèle laissé libre produit du code qui fonctionne mais qui ne ressemble à rien d’existant ; la skill lui donne le cadre que vous auriez dû répéter à chaque demande. Publiée par Anthropic sous licence Apache 2.0, redistribuée avec attribution.

Erreurs fréquentes

• L’utiliser sur un projet qui n’emploie ni Tailwind ni shadcn. Les conventions imposées entreront en conflit avec les vôtres.
• Demander une interface sans en décrire l’usage. Le cadre technique ne remplace pas l’intention.

Exemple de résultat

Un artefact multi-écrans avec gestion d’état et composants shadcn/ui.