MCP HubMCP Hub
SKILL·D16B3F

artifacts-builder

davepoon
Mis à jour 2 months ago
37 vues
2,553
277
2,553
Voir sur GitHub
Autrereactaidesign

À 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é
Principal
npx skills add davepoon/buildwithclaude -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/davepoon/buildwithclaude
Git CloneAlternatif
git clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builder

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

davepoon/buildwithclaude
Chemin: plugins/all-skills/skills/artifacts-builder
0
claudeclaude-codeclaude-code-commandsclaude-skillscli-toolcommands
FAQ

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

obsidian-bases
Autre

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.

Voir la compétence
obsidian-markdown
Autre

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.

Voir la compétence
json-canvas
Autre

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.

Voir la compétence
obsidian-bases
Autre

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.

Voir la compétence