frontend-mobile-development-component-scaffold
React-Komponenten-Scaffolds erstellen
Teams benötigen eine konsistente Komponentenstruktur über Web- und Mobile-Projekte hinweg. Diese Skill leitet Claude, Codex und Claude Code dabei an, typisierte Komponenten mit Tests, Styles, Stories und Barrierefreiheitsprüfungen zu scaffolden.
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 "frontend-mobile-development-component-scaffold" from https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-mobile-development-component-scaffold/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
„frontend-mobile-development-component-scaffold“ wird verwendet. Scaffold a ProductCard component with image, title, price, and add-to-cart action.
Erwartetes Ergebnis:
Ein strukturierter Scaffold mit Komponenten-Props, CSS module-Anleitung, Rendering-Tests, Interaktionstests, Story-Varianten und einem Index-Export.
„frontend-mobile-development-component-scaffold“ wird verwendet. Create a React Native settings row with label, value, and press handling.
Erwartetes Ergebnis:
Ein Plan für eine Mobile-Komponente mit typisierten Props, StyleSheet-Abschnitten, Barrierefreiheitslabels, Press-Verhalten und Hinweisen zur Testabdeckung.
„frontend-mobile-development-component-scaffold“ wird verwendet. Create a reusable table empty state component for a design system.
Erwartetes Ergebnis:
Ein Designsystem-Scaffold mit Prop-Definitionen, zugänglichen Statusmeldungen, Style-Optionen, Storybook-Szenarien und Validierungs-Checkliste.
Sicherheitsaudit
SicherAll 46 external-command matches are TypeScript template literals or Markdown code fences, with no command runner or shell invocation. The array join is ordinary source generation, and no prompt injection or malicious intent was found.
Risikofaktoren
⚙️ Externe Befehle (46)
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/sickn33-frontend-mobile-development-component-scaffold/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-frontend-mobile-development-component-scaffold/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/sickn33-frontend-mobile-development-component-scaffold.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
sickn33. (2026). frontend-mobile-development-component-scaffold security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5BibTeX-Zitat
@techreport{sickn33-sickn33-frontend-mobile-development-component-scaffold-2026,
author = {sickn33},
title = {frontend-mobile-development-component-scaffold security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5},
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: "frontend-mobile-development-component-scaffold security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-frontend-mobile-development-component-scaffold:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Feature-Komponenten erstellen
Scaffoldet eine neue typisierte Komponente mit Props, Styles, Tests und Exports für ein Produktfeature.
Mobile Views starten
Erstellt eine React Native-Komponentenstruktur mit StyleSheet-Styling und Barrierefreiheitslabels.
Designsysteme standardisieren
Definiert wiederholbare Komponentenmuster mit Stories, Controls und Testerwartungen.
Diese Prompts ausprobieren
Create a TypeScript React button component named PrimaryButton. Include props for label, disabled, and onPress. Use CSS modules and accessibility support.
Scaffold a React Native profile card with avatar, title, subtitle, and onPress. Include typed props, StyleSheet styling, and accessibility labels.
Build a universal data display component for web and native. Include loading, empty, and error states. Add tests and Storybook coverage.
Design a design-system component scaffold for a filter panel. Include controlled props, keyboard accessibility, interaction tests, and Storybook arg controls.
Bewährte Praktiken
- Geben Sie klare Komponentennamen, Prop-Namen, State-Anforderungen und die Zielplattform an.
- Fordern Sie Barrierefreiheit, Tests und Storybook-Stories an, wenn die Komponente nutzerseitig sichtbar ist.
- Überprüfen Sie generierte Platzhalter, bevor Sie sie in der Produktion verwenden.
Vermeiden
- Fordern Sie keine vagen Komponenten ohne Props, Interaktionen oder Plattformdetails an.
- Veröffentlichen Sie generierte Scaffolds nicht, bevor Imports, Typen und Tests geprüft wurden.
- Mischen Sie keine reinen Web-APIs in React Native-Komponentenanfragen.