artifacts-builder
Über
Die Artifacts-Builder-Fähigkeit bietet eine Entwicklungsumgebung zum Erstellen komplexer, mehrkomponentiger HTML-Artefakte mit React, TypeScript, Tailwind CSS und shadcn/ui. Sie ist für Artefakte konzipiert, die State-Management, Routing oder Komponentenbibliotheken erfordern, anstatt einfache Einzeldatei-Ausgaben. Das Tool umfasst Skripte zur Projektinitialisierung und Bündelung aller Komponenten in eine einzige HTML-Datei für die Bereitstellung.
Schnellinstallation
Claude Code
Empfohlennpx skills add davepoon/buildwithclaude -a claude-code/plugin add https://github.com/davepoon/buildwithclaudegit clone https://github.com/davepoon/buildwithclaude.git ~/.claude/skills/artifacts-builderKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
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.
Verwandte Skills
Diese Fähigkeit ermöglicht es Entwicklern, Obsidian-Basen (.base-Dateien) zu erstellen und zu bearbeiten, um datenbankähnliche Ansichten von Notizen zu erstellen. Sie unterstützt die Konfiguration von Ansichten, Filtern, Formeln und Zusammenfassungen innerhalb dieser YAML-Dateien. Verwenden Sie sie bei der Arbeit mit Tabellen-/Kartenansichten in Obsidian oder bei der Implementierung dynamischer Notizenorganisation und berechneter Felder.
Diese Fähigkeit ermöglicht es Claude, Obsidian Flavored Markdown zu erstellen und zu bearbeiten, und behandelt dessen einzigartige Syntax wie Wikilinks, Callouts, Frontmatter-Eigenschaften und Einbettungen. Verwenden Sie sie, wenn Sie mit .md-Dateien in einem Obsidian-Vault arbeiten oder wenn der Nutzer Obsidian-spezifische Funktionen erwähnt. Sie stellt sicher, dass die Ausgabe für die Obsidian-Wissensdatenbank-Anwendung gültig ist.
Diese Fähigkeit ermöglicht es Entwicklern, JSON Canvas-Dateien (`.canvas`) für visuelle Tools wie Obsidian zu erstellen und zu bearbeiten, mit Unterstützung für Knoten, Kanten, Gruppen und Verbindungen. Sie ist ideal, um Gedankenkarten, Flussdiagramme und interaktive Diagramme programmatisch zu erstellen. Nutzen Sie sie, wann immer Sie strukturierte Canvas-Daten für die visuelle Organisation generieren oder ändern müssen.
Diese Fähigkeit ermöglicht es Entwicklern, Obsidian `.base`-Dateien zu erstellen und zu bearbeiten, die datenbankähnliche Ansichten von Notizen mittels YAML definieren. Sie unterstützt die Konfiguration von Ansichten, Filtern, Formeln und Zusammenfassungen, um Notizen in Tabellen-, Karten- oder Listenlayouts zu organisieren. Nutzen Sie sie beim Erstellen von Aufgabenverfolgern, Dashboards oder jeglichen strukturierten Datenansichten innerhalb eines Obsidian-Vaults.