arrange
Layout-Rhythmus verbessern
Überladene oder repetitive Oberflächen erschweren das Erkennen der Hierarchie. Dieser Skill gibt Claude, Codex und Claude Code einen Workflow zur Layout-Prüfung für Abstände, Rhythmus und Struktur.
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 "arrange" from https://skillstore.io/skills/pbakaus-arrange.md and its manifest at https://skillstore.io/api/skills/pbakaus-arrange/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
„arrange“ wird verwendet. Ein SaaS-Dashboard wirkt überladen und schwer zu scannen.
Erwartetes Ergebnis:
Der Skill liefert einen priorisierten Layout-Plan mit enger gruppierten zusammengehörigen Elementen, klareren Abschnittstrennungen und Dichteänderungen für wiederholte Nutzung.
„arrange“ wird verwendet. Eine Landingpage wiederholt in jedem Abschnitt dieselben dreispaltigen Karten.
Erwartetes Ergebnis:
Der Skill empfiehlt abwechslungsreiche Abschnittsstrukturen, asymmetrische Ausrichtung und den Einsatz von Karten nur dort, wo Inhalte eindeutig und handlungsorientiert sind.
„arrange“ wird verwendet. Eine Komponente mischt zufällige Margins mit unklarer Hierarchie.
Erwartetes Ergebnis:
Das Ergebnis standardisiert Abstandsentscheidungen, bevorzugt gap für Abstände zwischen Geschwisterelementen und überprüft Hierarchie und Responsiveness.
Sicherheitsaudit
SicherAll 13 static findings are false positives caused by Markdown prose and inline CSS examples. No executable commands, reconnaissance behavior, prompt injection, network activity, or data exfiltration intent was found in SKILL.md.
Risikofaktoren
⚙️ Externe Befehle (6)
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/pbakaus-arrange/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/pbakaus-arrange?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/pbakaus-arrange?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-arrange/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/pbakaus-arrange.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
pbakaus. (2026). arrange security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-arrange/audits/4BibTeX-Zitat
@techreport{pbakaus-pbakaus-arrange-2026,
author = {pbakaus},
title = {arrange security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-arrange/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: "arrange security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-arrange/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-arrange:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Ein überladenes Dashboard verfeinern
Prüfe einen datenreichen Bildschirm und identifiziere Änderungen an Abständen, Hierarchie und Dichte, die wiederholte Nutzung erleichtern.
CSS-Layout-Struktur auswählen
Entscheide, wann Flexbox, Grid, named areas oder responsive Spalten für eine Seite oder Komponente verwendet werden sollten.
Eine Marketing-Seite polieren
Brich repetitive Kartenabschnitte auf und schaffe einen klareren visuellen Rhythmus, ohne dekorative Elemente hinzuzufügen.
Diese Prompts ausprobieren
Verwende den arrange-Skill für TARGET=the current page. Identifiziere die wichtigsten Probleme bei Abständen, Hierarchie, Struktur, Rhythmus und Dichte, bevor Dateien geändert werden.
Verwende arrange für TARGET=the dashboard. Schlage eine Abstandsskala, Gruppierungsregeln und eine Hierarchiestrategie vor und wende dann die kleinsten erforderlichen Änderungen an.
Verwende arrange für TARGET=the pricing section. Ersetze die repetitive Karten-Grid-Struktur durch ein gezielteres responsives Layout und überprüfe das Verhalten auf Mobilgeräten.
Verwende arrange über die App-Shell und die wichtigsten Screens hinweg. Normalisiere Abstandstokens, wähle Layout-Primitives, reduziere verschachtelte Karten und dokumentiere die Prüfergebnisse.
Bewährte Praktiken
- Beginne mit den Beziehungen zwischen Inhalten, bevor du Layout-Primitives auswählst.
- Verwende eine konsistente Abstandsskala und variiere dann die Dichte, um Hierarchie zu schaffen.
- Überprüfe Änderungen in Mobil- und Desktop-Größen, bevor du den visuellen Rhythmus bewertest.
Vermeiden
- Wickle nicht jede Gruppe in eine Karte ein, wenn Abstände oder Trennlinien ausreichen.
- Verwende nicht überall gleiche Abstände; das entfernt Hierarchie.
- Wähle CSS Grid nicht für einfache eindimensionale Layouts.