Fortgeschrittene Claude-Artefakte erstellen
Komplexe Claude-Artefakte benötigen mehr Struktur als eine einzelne HTML-Datei. Dieser Skill erstellt das Grundgerüst eines React-, Tailwind- und shadcn/ui-Projekts und bündelt es für die Weitergabe.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/davila7-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/davila7-artifacts-builder/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„artifacts-builder“ wird verwendet. Erstelle ein neues Artefaktprojekt für einen Preisrechner.
Erwartetes Ergebnis:
Ein neues React- und TypeScript-Projekt wird mit Tailwind CSS, shadcn/ui-Komponenten und Pfad-Aliassen erstellt und ist bereit für die Entwicklung.
„artifacts-builder“ wird verwendet. Bündle mein fertiges Artefakt zum Teilen.
Erwartetes Ergebnis:
Eine einzelne bundle.html-Datei wird erzeugt, in der JavaScript, CSS und Assets für die Nutzung als Claude-Artefakt inline eingebettet sind.
„artifacts-builder“ wird verwendet. Füge meinem Artefakt-Workflow shadcn/ui-Bausteine hinzu.
Erwartetes Ergebnis:
Das generierte Projekt enthält gängige UI-Komponenten, unterstützende Hooks und Utility-Helfer zum Erstellen ausgereifter Oberflächen.
Most static findings are false positives caused by Bash syntax, Markdown formatting, fixed project configuration writes, and documentation links. The scripts still execute unpinned packages, may install pnpm globally, and extract bundled source that was outside the text scan. Publication should require clearer consent and stronger dependency and archive controls.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/davila7-artifacts-builder/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/davila7-artifacts-builder?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/davila7-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/davila7-artifacts-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>davila7. (2026). artifacts-builder security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-artifacts-builder/audits/9@techreport{davila7-davila7-artifacts-builder-2026,
author = {davila7},
title = {artifacts-builder security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/davila7-artifacts-builder/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "artifacts-builder security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/davila7-artifacts-builder/audits/9"
identifiers:
- type: other
value: "skillstore:davila7-artifacts-builder:audit:9"
description: "Skillstore immutable audit report identifier"
Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.
Warum diese Variante zuerst steht
davila7-artifacts-builder
2026-09-09
cam10001110101-artifacts-builder
2026-09-09
dyai2025-artifacts-builder
2026-09-09
composiohq-artifacts-builder
2026-09-09
artemisai-artifacts-builder
2026-09-09
Erstelle ein React-Projekt für Dashboards, Rechner, Editoren oder Demos, die Komponentenstatus und mehrere Dateien benötigen.
Bündle eine Vite-Anwendung in einer einzelnen HTML-Datei, die in einer Claude-Unterhaltung geteilt werden kann.
Nutze vorinstallierte shadcn/ui-Komponenten und Tailwind-Styling, wenn du umfangreichere Artefakt-Oberflächen erstellst.
Verwende artifacts-builder, um ein neues React-Artefaktprojekt namens my-dashboard zu erstellen. Behalte den Standard-Stack bei und zeige mir den nächsten auszuführenden Befehl.
Verwende artifacts-builder, um ein mehrteiliges Artefakt für Kundeneinblicke mit shadcn/ui-Karten, Tabs und Diagrammen zu erstellen. Halte die Oberfläche responsiv.
Verwende artifacts-builder, um das aktuelle React-Artefaktprojekt in einer HTML-Datei zu bündeln. Prüfe vor dem Bündeln, ob index.html existiert.
Verwende artifacts-builder, um ein React-Artefakt zu erstellen, ein mehrstufiges Planungstool zu implementieren, es zu bündeln und alle manuellen Tests zu benennen, die ich ausführen sollte.
Autor
davila7Lizenz
Complete terms in LICENSE.txt
Skillstore-Revision
r2
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
c43861a65bb95efcae259cd161c9d6f4dc7eec6f
Aktualität der Wartung
25.7.2026
Nutzung
4 Downloads · 280 Aufrufe
Dateistruktur
LaTeX-Forschungsposter erstellen
Forschungsposter sind in LaTeX schwer zu formatieren und für den Druck zu prüfen. Dieser Skill bietet Vorlagen, Layout-Anleitung und PDF-Prüfungen für konferenzfertige Poster.
SEO-fertige Marketinginhalte erstellen
Marketingteams benötigen klare Inhalte, die zur Markenstimme und zu Suchzielen passen. Diese Skill bietet Vorlagen, Analyseskripte und plattformspezifische Leitlinien für eine wiederholbare Content-Produktion.
Strukturierte medizinische Behandlungspläne erstellen
Klinische Behandlungspläne werden häufig uneinheitlich, lang oder schwer überprüfbar. Dieser Skill bietet fokussierte Vorlagen, messbare Ziele, Zeitpläne und lokale Qualitätsprüfungen.
Strukturierte klinische Berichte erstellen
Klinische Teams benötigen klare Berichte, die medizinischen und regulatorischen Standards entsprechen. Dieser Skill stellt Vorlagen, Checklisten und Validierungshinweise für Fallberichte, Diagnostik, Studien und Patientennotizen bereit.
Wissenschaftliche Datendateien analysieren
Wissenschaftliche Datendateien sind schwer zu untersuchen, da jedes Format Strukturen und Metadaten anders speichert. Dieser Skill erkennt Formate, erstellt Datenqualitätsprofile und erzeugt praxisorientierte EDA-Berichte im Markdown-Format.
DiffDock-Workflows für molekulares Docking ausführen
Die Einrichtung molekularer Docking-Verfahren scheitert häufig daran, dass Eingaben, Parameter und Konfidenzwerte schwer aufeinander abzustimmen sind. Dieser Skill führt durch DiffDock-Workflows von der Vorbereitung bis zur Prüfung der Ergebnisse.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder störenden Animationen führt. Dieser Skill unterstützt Entscheidungen zu Animationen für Routen, Suspense, Listen und Shared Elements.
React- und Next.js-Performance optimieren
von vercel-labs
React- und Next.js-Apps verlieren oft durch Waterfalls, große Bundles und vermeidbare Re-Renderings an Geschwindigkeit. Diese Skill gibt Agenten konkrete Regeln für sicherere, performanceorientierte Änderungen.
shadcn/ui-Oberflächen in Next.js erstellen
von Asmayaseen
React-Teams benötigen konsistente UI-Muster, die mit modernem Next.js funktionieren. Dieser Skill bietet Anleitungen zur Einrichtung von shadcn/ui, Komponentenbeispiele, Formularvalidierung, Tabellen, Sidebars und Muster für den Dunkelmodus.
Fullstack-Apps mit Senior-Anleitung erstellen
von alirezarezvani
Fullstack-Projekte benötigen oft ein konsistentes Setup, Architekturentscheidungen und Qualitätsprüfungen. Dieser Skill bietet Skripte und Referenzen für Arbeiten mit React, Next.js, Node.js, GraphQL und PostgreSQL.
Typsichere React-Komponenten erstellen
von softaworks
React-TypeScript-Arbeit erfordert häufig präzise Typen für Events, Hooks und Routen. Diese Skill bietet fokussierte Muster für typisierte Komponenten, React 19 APIs und Routing.
React-Email-Vorlagen mit Resend erstellen
von resend
Produktionsreife E-Mail-Vorlagen zu erstellen ist schwierig, weil sich E-Mail-Clients unterscheiden. Diese Skill führt Claude, Codex und Claude Code durch React Email-Komponenten, Versand, Styling, Lokalisierung und Editor-Workflows.