artifacts-builder
À propos
La compétence artifacts-builder fournit une suite de développement pour créer des artefacts HTML complexes à composants multiples en utilisant React, TypeScript, Tailwind CSS et shadcn/ui. Elle est conçue pour des artefacts nécessitant une gestion d'état, un routage ou des bibliothèques de composants, plutôt que des sorties en fichier unique simples. L'outil inclut des scripts pour initialiser des projets et regrouper le tout en un seul fichier HTML pour le déploiement.
Installation rapide
Claude Code
Recommandénpx skills add davepoon/buildwithclaude -a claude-code/plugin add https://github.com/davepoon/buildwithclaudegit clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builderCopiez et collez cette commande dans Claude Code pour installer cette compétence
Dépôt GitHub
Questions fréquentes
Qu’est-ce que le Skill artifacts-builder ?
artifacts-builder est un Skill Claude créé par davepoon. Un Skill regroupe des instructions et des ressources que Claude charge à la demande pour effectuer des tâches liées à artifacts-builder sans consigne supplémentaire.
Comment installer artifacts-builder ?
Utilisez les commandes d’installation de cette page : ajoutez artifacts-builder à Claude Code comme plugin ou clonez son dépôt dans votre dossier skills, puis redémarrez Claude pour charger le Skill.
À quelle catégorie appartient artifacts-builder ?
artifacts-builder appartient à la catégorie Autre.
artifacts-builder est-il gratuit ?
Oui. artifacts-builder est référencé sur AIMCP et son installation est gratuite.
Compétences associées
Cette compétence permet aux développeurs de créer et modifier des Bases Obsidian (fichiers .base) pour construire des vues de type base de données à partir de notes. Elle prend en charge la configuration de vues, de filtres, de formules et de résumés dans ces fichiers YAML. Utilisez-la lorsque vous travaillez avec les vues en tableau/carte d'Obsidian ou lors de la mise en œuvre d'une organisation dynamique des notes et de champs calculés.
Cette compétence permet à Claude de créer et de modifier du Markdown à la manière d'Obsidian, en gérant sa syntaxe unique comme les wikiliens, les encadrés, les propriétés du frontmatter et les intégrations. Utilisez-la lorsque vous travaillez avec des fichiers .md dans un coffre Obsidian ou lorsque l'utilisateur mentionne des fonctionnalités spécifiques à Obsidian. Elle garantit que la sortie est valide pour l'application de base de connaissances Obsidian.
Cette compétence permet aux développeurs de créer et modifier des fichiers JSON Canvas (`.canvas`) pour des outils visuels comme Obsidian, en prenant en charge les nœuds, les arêtes, les groupes et les connexions. Elle est idéale pour construire des cartes mentales, des organigrammes et des diagrammes interactifs de manière programmatique. Utilisez-la chaque fois que vous avez besoin de générer ou de modifier des données de canevas structurées pour une organisation visuelle.
Cette compétence permet à Claude de générer et de modifier la syntaxe Markdown spécifique à Obsidian, incluant les wikiliens, les encadrés, le frontmatter YAML et les intégrations. Utilisez-la lorsque vous travaillez avec des fichiers `.md` pour des coffres Obsidian ou lorsqu'un utilisateur demande des fonctionnalités comme les liens internes ou les propriétés de notes. Elle garantit que la sortie respecte le Markdown à la Obsidian valide.
