shadcn-ui
shadcn/ui-React-Oberflächen erstellen
Teams benötigen oft konsistente React-Komponenten, ohne jedes Muster von Grund auf neu zu erstellen. Dieser Skill führt Claude, Codex und Claude Code durch die shadcn/ui-Einrichtung, Komponentennutzung, Formulare, Themes und Registry-Muster.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "shadcn-ui" from https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui.md and its manifest at https://skillstore.io/api/skills/giuseppe-trisciuoglio-shadcn-ui/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.
Agent-lesbare Ressourcen
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
Testen
„shadcn-ui“ wird verwendet. Ein Entwickler bittet um eine neue Einstellungsseite mit shadcn/ui-Komponenten.
Erwartetes Ergebnis:
Ein strukturierter Implementierungsplan mit ausgewählten Komponenten, Layout-Abschnitten, Hinweisen zur Barrierefreiheit und Validierungsanforderungen.
„shadcn-ui“ wird verwendet. Ein Team möchte shadcn/ui für helle und dunkle Modi thematisieren.
Erwartetes Ergebnis:
Eine knappe Theming-Checkliste, die CSS-Variablen, Tailwind-Konfiguration, Komponentenvarianten und Testpunkte abdeckt.
„shadcn-ui“ wird verwendet. Ein Engineer möchte ein Remote Registry Item hinzufügen.
Erwartetes Ergebnis:
Eine Registry-Prüfcheckliste, die Quellenvertrauen, installierte Dateien, Zielpfade und Änderungen an Abhängigkeiten hervorhebt.
Sicherheitsaudit
Mittleres RisikoStatic analysis produced many alerts because the skill is documentation-heavy and uses Markdown code fences, schema URLs, and example CLI commands. Most pattern matches are false positives, but the skill should improve trust guidance for remote registries and avoid insecure authentication placeholders.
Bestätigte Sicherheitsbedenken (2)
Risikofaktoren
🌐 Netzwerkzugriff (60)
📁 Dateisystemzugriff (8)
⚙️ Externe Befehle (117)
⚡ Enthält Skripte (1)
🔑 Umgebungsvariablen (2)
Diesen Bericht teilen & zitieren
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
Berichtslink kopieren
https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/giuseppe-trisciuoglio-shadcn-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/giuseppe-trisciuoglio-shadcn-ui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Wissenschaftliche Zitate (APA · BibTeX · CFF)
APA-Zitat
giuseppe-trisciuoglio. (2026). shadcn-ui security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4BibTeX-Zitat
@techreport{giuseppe-trisciuoglio-giuseppe-trisciuoglio-shadcn-ui-2026,
author = {giuseppe-trisciuoglio},
title = {shadcn-ui security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "shadcn-ui security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "giuseppe-trisciuoglio"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4"
identifiers:
- type: other
value: "skillstore:giuseppe-trisciuoglio-shadcn-ui:audit:4"
description: "Skillstore immutable audit report identifier"
Varianten vergleichen
2 installierbare VariantenJeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.
Warum diese Variante zuerst steht
google-labs-code-shadcn-ui
2026-09-09
giuseppe-trisciuoglio-shadcn-ui
2026-09-09
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Neue Produkt-UI einrichten
Nutzen Sie die Einrichtungs- und Komponentenhinweise, um eine Next.js-Oberfläche mit barrierefreien shadcn/ui-Bausteinen zu starten.
Team-Komponenten standardisieren
Wenden Sie konsistente Komponenten-, Theme- und Registry-Muster in einem internen Designsystem an.
Validierte Formulare schneller erstellen
Folgen Sie den Formularmustern, um Eingaben, Validierung, Meldungen und Absendezustände in React zu kombinieren.
Diese Prompts ausprobieren
Verwende den shadcn-ui-Skill, um die Einrichtung für mein bestehendes Projekt anzuleiten. Identifiziere benötigte Pakete, Initialisierungsschritte und die sicherste Reihenfolge, um die ersten Komponenten hinzuzufügen.
Verwende den shadcn-ui-Skill, um eine Dashboard-Ansicht mit Karten, Tabellenzeilen, Filtern und Dialogen zu entwerfen. Folge barrierefreien Mustern zur Komponentenzusammensetzung.
Verwende den shadcn-ui-Skill, um ein validiertes Formular mit React Hook Form und Zod zu planen. Berücksichtige Felder, Fehlerzustände, Absendezustände und Nutzerfeedback.
Verwende den shadcn-ui-Skill, um einen benutzerdefinierten Registry-Workflow zu prüfen. Überprüfe Komponentenziele, Remote-Quellen, Auswirkungen auf Abhängigkeiten und alle Dateien, die außerhalb des Projekts geschrieben werden.
Bewährte Praktiken
- Prüfen Sie generierte Komponentendateien, bevor Sie sie in das Projekt committen.
- Bevorzugen Sie barrierefreie Radix-basierte Primitives und erhalten Sie Labels, Fokuszustände und Tastaturabläufe.
- Prüfen Sie Registry-URLs und Zielpfade von Drittanbietern, bevor Sie Installationsbefehle ausführen.
Vermeiden
- Installieren Sie keine Remote Registry Items aus unbekannten Quellen, ohne deren Inhalte zu prüfen.
- Entfernen Sie keine Barrierefreiheitsattribute aus kopierten Komponenten, um das Markup zu vereinfachen.
- Kopieren Sie keine Platzhalterbeispiele für Authentifizierung ohne echte Validierung in die Produktion.
Häufig gestellte Fragen
Installiert dieser Skill shadcn/ui automatisch?
Kann er bei Next.js App Router-Projekten helfen?
Deckt er Formularvalidierung ab?
Sind Beispiele für Remote-Registries sicher zu verwenden?
Kann er ein vollständiges Designsystem erstellen?
Welche Assistenten können diesen Skill verwenden?
Entwicklerdetails
Autor
giuseppe-trisciuoglioLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
30c73eac2afe762f6aa9c4553158769369d47351
Aktualität der Wartung
20.7.2026
Nutzung
6 Downloads · 192 Aufrufe
Dateistruktur