UI Thing (Système de composants Nuxt)

Ce qu'il fait

UI Thing fournit un système de composants axé sur Nuxt et des directives de rédaction pour construire et maintenir des composants d'interface utilisateur, des blocs, de la prose, des thèmes et de la documentation. La compétence documente les conventions du dépôt, les règles critiques de stylisation, de composition, de formulaires et les flux de génération, ainsi qu'un flux de travail consommateur/mainteneur pour modifier en toute sécurité les composants et les registres de référence. Elle décrit également un flux de conversion React/shadcn → Vue/Nuxt.

Quand l'utiliser

Utilisez cette compétence lorsque vous travaillez sur des projets Nuxt utilisant le système UI Thing, lors de l'ajout ou de l'édition de composants, de blocs, de thèmes ou de documentation, lors de l'exécution du CLI UI Thing (init, add, prose, block, theme), ou lors de la conversion de composants React/shadcn collés en implémentations Vue/Nuxt natives.

Ce qui est inclus

• Scripts : aucun dans le répertoire de la compétence (has_references=true)
• Références : références du dépôt et conseils de conversion (references/react-conversion.md, rules/*.md)
• Instructions : principes détaillés, règles critiques pour l'utilisation du style et des tokens, conseils de composition, modèles de formulaires, règles de documentation et de génération, et flux de travail pour les consommateurs et les mainteneurs.

Agents compatibles

Idéalement utilisé avec des agents capables de modifier des bases de code et de suivre les conventions de dépôt (Claude Code, agents de style Codex, assistants compatibles Git).