MCP HubMCP Hub
Retour aux compétences

artifacts-builder

davepoon
Mis à jour 28 days ago
36 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

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