S3-Uploads zu Ihrer App hinzufügen
Datei-Uploads zu bauen erfordert UI, Client-Logik und Server-Routen. Dieser Skill führt Claude, Codex und Claude Code durch S3-Upload-Muster für Web-Apps.
Vor der Installation anhalten und eine Bestätigung anfordern.
Prüfen Sie den Plan und holen Sie vor Änderungen an Dateien die ausdrückliche Zustimmung des Benutzers ein.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "s3-upload-handler" from https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler.md and its manifest at https://skillstore.io/api/skills/aayushbaniya2006-s3-upload-handler/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.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.
„s3-upload-handler“ wird verwendet. Füge meiner Kontoeinstellungsseite einen Uploader für Profilbilder hinzu.
Erwartetes Ergebnis:
Der Assistent empfiehlt die Button-Variante, listet die erforderliche Route und den Callback auf und weist darauf hin, wo die zurückgegebene Bild-URL gespeichert werden soll.
„s3-upload-handler“ wird verwendet. Ich benötige eine Dropzone für Projekt-Assets mit fünf Dateien und nur Bild-Uploads.
Erwartetes Ergebnis:
Der Assistent beschreibt die Dropzone-Konfiguration, Dateilimits, akzeptierte Bildtypen und das erwartete Verhalten bei abgeschlossenem Upload.
„s3-upload-handler“ wird verwendet. Überprüfe meine presigned upload route vor Production.
Erwartetes Ergebnis:
Der Assistent meldet fehlende Zugriffskontrollen, Anforderungen an serverseitige Validierung, Empfehlungen für private Objektspeicherung und sichereres Object-Key-Handling.
Most external-command findings are false positives from Markdown inline code and fenced TypeScript examples, with no shell execution. The AWS credential and .env.local guidance is confirmed as sensitive secret handling, and the presigned upload example adds a high-risk concern because it lacks visible access control and uses public-read uploads.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
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/aayushbaniya2006-s3-upload-handler/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/aayushbaniya2006-s3-upload-handler/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/aayushbaniya2006-s3-upload-handler.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>AayushBaniya2006. (2026). s3-upload-handler security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8@techreport{aayushbaniya2006-aayushbaniya2006-s3-upload-handler-2026,
author = {AayushBaniya2006},
title = {s3-upload-handler security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8},
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: "s3-upload-handler security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "AayushBaniya2006"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/aayushbaniya2006-s3-upload-handler/audits/8"
identifiers:
- type: other
value: "skillstore:aayushbaniya2006-s3-upload-handler:audit:8"
description: "Skillstore immutable audit report identifier"
Verwenden Sie die Button-Variante, um einen einfachen Single-File-Upload-Ablauf für Profilbilder umzusetzen.
Verwenden Sie das Dropzone-Muster mit Begrenzungen für Dateianzahl und Dateigröße für Multi-File-Workflows.
Verwenden Sie das Server-Utility-Muster, wenn API-Routen oder Server Actions Dateien vor der Speicherung erstellen.
Verwenden Sie diesen Skill, um einen einfachen S3-Upload-Ablauf für eine Next.js-Seite zu planen. Empfehlen Sie die Komponente, die erforderlichen Props und die Einrichtungsschritte.
Verwenden Sie diesen Skill, um eine benutzerdefinierte S3-Upload-Oberfläche mit ClientS3Uploader zu entwerfen. Berücksichtigen Sie State-Handling, Erwartungen an Fortschrittsanzeigen und Fehlerbehandlung.
Verwenden Sie diesen Skill, um einen serverseitigen S3-Upload-Pfad für generierte Dateien zu skizzieren. Berücksichtigen Sie Content Type, Objektpfad und Response-Handling.
Verwenden Sie diesen Skill, um eine presigned S3 upload route zu überprüfen. Identifizieren Sie fehlende Authentifizierung, Autorisierung, Validierung, object ACL und Kontrollen für die key naming.
Autor
AayushBaniya2006Lizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
c1fdca50ff516318f65fed0d7f9e82797c5171dc
Aktualität der Wartung
22.7.2026
Nutzung
6 Downloads · 246 Aufrufe
Dateistruktur
📄 SKILL.md
Tailark-Marketingseiten erstellen
Die Zusammenstellung von Marketingseiten kann Zeit kosten, wenn die Komponentenauswahl unklar ist. Diese Skill ordnet Seitenziele Tailark-Abschnitten und Implementierungsschritten zu.
Käufe und Guthabenflüsse für Credits erstellen
Credit-Funktionen können fehlschlagen, wenn Preise, Guthaben und UI-Flows inkonsistent werden. Diese Skill-Anleitung unterstützt bei Credit-Typen, Kaufabläufen, Guthabenanzeigen und Hilfsfunktionen zur Zuweisung.
Next.js-Auth-Routen schützen
Änderungen an der Authentifizierung schlagen häufig fehl, wenn Teams Sitzungs-APIs und Routen-Guards vermischen. Diese Skill leitet Claude, Codex und Claude Code zu den Projekthelfern für sichere Zugriffskontrolle.
Klare Marketingtexte schreiben
Teams benötigen oft überzeugende Texte, die klar, prägnant und conversion-orientiert sind. Diese Skill entwirft und verbessert Landingpages, E-Mails, CTAs und Produkt-Messaging.
UI mit Shadcn und 21st.dev erstellen
Frontend-Teams benötigen konsistente UI-Komponenten und Seitenabschnitte. Dieser Skill leitet Claude, Codex und Claude Code bei der Verwendung von Shadcn MCP und 21st.dev MCP an.
Validierte Formulare und API-Routen erstellen
Teams wiederholen Form-, Validierungs- und CRUD-Routen-Setups oft über mehrere Features hinweg. Diese Skill bietet Claude, Codex und Claude Code ein konsistentes Muster für die Bereitstellung von TypeScript-Formularen.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
Playwright-Testabdeckung verbessern
von C0ntr0lledCha0s
Playwright-Suites können instabil werden, wenn Konfiguration, Locators und Fixtures uneinheitlich sind. Diese Skill bietet praktische Muster für zuverlässige Browser-Tests, Debugging und wiederverwendbare Page Objects.
Starknet-Apps mit starknet.js entwickeln
von internet-court
Starknet-Integrationen erfordern eine präzise Handhabung von Providern, Konten, Transaktionen und Gebühren. Dieser Skill vermittelt Claude, Codex und Claude Code praxisnahe Muster für starknet.js v9.
Vue-3-Codequalität verbessern
von vuejs-ai
In Vue-Projekten sammeln sich im Laufe der Zeit häufig Fehler bei Reaktivität, Komponenten und Performance an. Dieser Skill bietet gezielte Vue-3-Anleitung für sicherere Muster und klareren Code.
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.
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.