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
Frequently asked questions
What is the artifacts-builder skill?
artifacts-builder is a Claude Skill by davepoon. Skills package instructions and resources that Claude loads on demand, so Claude can perform artifacts-builder-related tasks without extra prompting.
How do I install artifacts-builder?
Use the install commands on this page: add artifacts-builder to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does artifacts-builder belong to?
artifacts-builder is in the document-processing category, tagged react, ai and design.
Is artifacts-builder free to use?
Yes. artifacts-builder is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
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 aux développeurs de créer et modifier des fichiers `.base` d'Obsidian, qui définissent des vues de type base de données pour les notes en utilisant du YAML. Elle prend en charge la configuration de vues, de filtres, de formules et de résumés pour organiser les notes en dispositions tabulaires, en cartes ou en listes. Utilisez-la pour créer des gestionnaires de tâches, des tableaux de bord ou toute vue de données structurées au sein d'un coffre Obsidian.
