Visuelle Ausgaben automatisch überprüfen
Visuelle Probleme werden leicht übersehen, wenn eine KI Seiten, Dokumente oder Präsentationen erstellt. Diese Skill erfasst Vorschauen, prüft Designdetails und leitet gezielte Korrekturen an.
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 "visual-reviewer" from https://skillstore.io/skills/barry-liu-888-visual-reviewer.md and its manifest at https://skillstore.io/api/skills/barry-liu-888-visual-reviewer/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.
„visual-reviewer“ wird verwendet. Eine generierte Dashboard-Seite mit Tabellen und Diagrammen.
Erwartetes Ergebnis:
Ergebnisse: Tabellenüberschriften brechen uneinheitlich um, Diagrammbeschriftungen überlappen sich und der Kontrast des primären Buttons ist gering. Vorgeschlagene Korrekturen: wichtige Spalten verbreitern, Diagrammbeschriftungen kürzen und Button-Text abdunkeln.
„visual-reviewer“ wird verwendet. Eine für die Kundenprüfung exportierte Präsentation.
Erwartetes Ergebnis:
Ergebnisse: Die Titelhierarchie ist schwach, Folienränder variieren und ein Bild ist verzerrt. Vorgeschlagene Korrekturen: Titelgröße erhöhen, Ränder vereinheitlichen und Bildverhältnis beibehalten.
„visual-reviewer“ wird verwendet. Eine mobile Checkout-Ansicht bei schmaler Breite.
Erwartetes Ergebnis:
Ergebnisse: Der Footer überlappt den Gesamtpreis, Fokuszustände sind unklar und lange Produktnamen laufen über. Vorgeschlagene Korrekturen: Platz für den Footer reservieren, Fokusringe wiederherstellen und Namen umbrechen.
The audit confirms real privacy and execution risks: the skill directs agents to run local screenshot scripts, capture windows or screen regions, start a local HTTP server, and collect process metadata. Many markdown backtick and entropy findings are false positives from documentation formatting and readable Chinese markdown. Because the workflow auto-triggers visual capture, publication should require confirmation, scoped capture, and safer local preview defaults.
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/barry-liu-888-visual-reviewer/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/barry-liu-888-visual-reviewer?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/barry-liu-888-visual-reviewer?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/barry-liu-888-visual-reviewer/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/barry-liu-888-visual-reviewer.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Barry-Liu-888. (2026). visual-reviewer security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/barry-liu-888-visual-reviewer/audits/4@techreport{barry-liu-888-barry-liu-888-visual-reviewer-2026,
author = {Barry-Liu-888},
title = {visual-reviewer security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/barry-liu-888-visual-reviewer/audits/4},
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: "visual-reviewer security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Barry-Liu-888"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/barry-liu-888-visual-reviewer/audits/4"
identifiers:
- type: other
value: "skillstore:barry-liu-888-visual-reviewer:audit:4"
description: "Skillstore immutable audit report identifier"
Layout-, Abstands- und Responsiveness-Fehler nach KI-gestützten UI-Änderungen erkennen.
Exportierte Dokumente oder Präsentationen vor der Auslieferung auf Probleme mit Typografie, Abständen und Farben prüfen.
Tabellen, Diagramme, leere Zustände und Ladezustände in internen Tools verifizieren.
Öffne die generierte HTML-Seite, erfasse das Ziel-Vorschaufenster und berichte sichtbare Probleme mit Layout, Abständen, Typografie und Farben.
Überprüfe den aktuellen UI-Screenshot, identifiziere die drei wichtigsten sichtbaren Fehler, wende sichere Style-Korrekturen an und prüfe das Ergebnis erneut.
Erfasse die Seite bei mobilen, Tablet- und Desktop-Breiten. Vergleiche Ausrichtung, Überlauf, Touch-Ziele und lesbare Hierarchie.
Überprüfe das Dashboard in normalen, ladenden, leeren, fehlerhaften und langen Inhaltszuständen. Behebe visuelle Fehler und fasse verbleibende Risiken zusammen.
Autor
Barry-Liu-888Lizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
Aktualität der Wartung
18.7.2026
Nutzung
3 Downloads · 12 Aufrufe
Dateistruktur
UI-Layout-Änderungen verfeinern
von yunshu0909
Anfragen zur UI-Gestaltung scheitern oft, wenn der Zielbereich und das gewünschte Ergebnis unklar sind. Diese Skill erstellt einen screenshot-gestützten Workflow, um den aktuellen Zustand zu bestätigen, Optionen zu vergleichen und gezielte Änderungen anzuwenden.
UI-Layout und visuellen Rhythmus verbessern
von pbakaus
Überladene Oberflächen und repetitive Raster erschweren es, Produkte schnell zu erfassen und ihnen zu vertrauen. Diese Skill führt Claude, Codex und Claude Code zu besserem Abstand, stärkerer Hierarchie und responsiverer Komposition.
Bilder und Screenshots analysieren
von 0xSero
Visuelle Dateien können Fehler, Layoutprobleme und wichtigen Text verbergen. Diese Skill hilft Claude, Codex oder Claude Code dabei, Screenshots, Diagramme und Mockups mit präzisen Beobachtungen zu prüfen.
Mobile-App-Screens mit Sleek gestalten
von sleekdotdesign
Anfragen zum Mobile-App-Design erfordern oft Projekteinrichtung, iterative Screen-Änderungen und Screenshots. Diese Skill führt Claude, Codex und Claude Code durch Sleek-API-Workflows zur Generierung von Mobile-App-UIs.
Schnittstellen vor der Veröffentlichung verfeinern
von pbakaus
Kleine Probleme an der Oberfläche können abgeschlossene Arbeit unfertig wirken lassen. Dieser Skill leitet einen finalen Durchgang über visuelle Details, Interaktionszustände, Barrierefreiheit, Responsivität und Code-Sauberkeit an.
Bilder für klarere visuelle Darstellungen verbessern
von DYAI2025
Screenshots mit niedriger Qualität können Dokumentationen, Präsentationen und Social-Media-Beiträge schwer lesbar machen. Diese Skill-Anleitung unterstützt bei Verbesserung, Hochskalierung, Schärfung, Artefaktreduzierung und der Auswahl geeigneter Ausgabeoptionen.