husheng-web/personal-website-skills

Portfolio-Medien-Assets vorbereiten, optimieren und registrieren, wobei Herkunft, Barrierefreiheit und reaktionsfähige Darstellungsverträge erhalten bleiben.

Was ist personal-website-skills?

Diese Fähigkeit automatisiert die Vorbereitung, Optimierung und Registrierung von Portfolio-Medien-Assets (Bilder und Dokumente) für eine persönliche Website. Sie stellt sicher, dass alle Medien unter Beibehaltung ihrer Herkunft (Provenienz), Barrierefreiheit und Garantie einer reaktionsfähigen Darstellung verarbeitet werden. Der Workflow umfasst das Überprüfen vorhandener Medienverzeichniskonventionen und Code-/Datenreferenzen vor jeglicher Änderung, das Protokollieren von Herkunft, Genehmigungsstatus und Medieneigenschaften, die Verwendung der kleinsten geeigneten optimierten Version bei Erhalt des genehmigten Quell-Assets sowie die Aktualisierung aller notwendigen Verweise und lokalisierten Alt-Texte. Die Fähigkeit führt zudem Prüfungen durch, ob Pfade im Produktionsbuild korrekt sind, Bilder ohne Verzerrung geladen werden und die visuelle Qualität auf der größten dargestellten Größe ausreichend ist, und stellt sicher, dass dekorative Bilder nicht irreführend beschrieben werden. Es ist strengstens verboten, echtes Projektmaterial durch generiertes Bildmaterial zu ersetzen oder Originale im Rahmen der Routineoptimierung zu löschen.

Funktioniert mit~Claude Code~Codex CLI~Cursor

npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops

Dokumentation

Portfolio-Medien-Asset-Betrieb

Genehmigte Medien sicher in websitefähige Assets umwandeln.

Arbeitsablauf

Überprüfen Sie die vorhandenen Medienverzeichniskonventionen und alle Code-/Datenreferenzen, bevor Sie ein Asset umbenennen, ersetzen oder konvertieren.
Dokumentieren Sie die Quellenherkunft, den Genehmigungsstatus, die Medienrolle, die Originalabmessungen, das Zielformat und die beabsichtigte reaktionsfähige Verwendung.
Verwenden Sie die kleinste geeignete optimierte Ableitung unter Beibehaltung des genehmigten Quell-Assets, es sei denn, der Benutzer autorisiert ausdrücklich die Entfernung.
Aktualisieren Sie alle erforderlichen Registrierungs-/Inhaltsverweise, Abmessungen und lokalisierten Alt-Texte gemeinsam.

Prüfungen

Stellen Sie sicher, dass Pfade im Produktionsbuild aufgelöst werden, Bilder ohne Verzerrung geladen werden, die visuelle Qualität auf der größten dargestellten Größe ausreichend ist und dekorative Bilder korrekt gekennzeichnet sind, anstatt irreführende Alt-Texte zu erhalten. Testen Sie das Zuschneideverhalten für Desktop und Mobil bei Cover-Assets.

Grenze

Ersetzen Sie niemals faktisches Projektmaterial durch generierte Bildsprache, implizieren Sie Rechte aus dem lokalen Besitz oder löschen Sie Originale im Rahmen der Routineoptimierung.