Elysia Tools
Mobile Navigation
Workflow Playbook
Erfassen Sie eine freigegebene öffentliche Seite, gleichen Sie CSS-Beobachtungen mit dem Screenshot ab und übergeben Sie geprüfte Token-Vorschläge mit nachvollziehbaren Belegen.
Themen
Notieren Sie URL, Zeitpunkt, Ansichtsgröße, angeforderte helle oder dunkle Darstellung und zusätzliche Wartezeit. Die angeforderte Darstellung beweist nicht, dass die Website tatsächlich das entsprechende Thema zeigt. Bewahren Sie ZIP, design.md, screenshot.png, tokens.json und tokens.css unverändert auf und erfassen Sie Prüfsummen. Prüfen Sie Ladeeinblendungen, fehlende Schriften und blockierte Ressourcen, bevor Sie Ergebnisse übernehmen.
Der Screenshot hat eine feste Ansichtsfläche; die begrenzte Stilerfassung kann gerenderte Elemente darunter enthalten. Sie ersetzt weder Scrollen und Interaktion noch die Untersuchung angemeldeter Seiten. Warnungen und abgeschnittene Listen gehören zu den Belegen, nicht in den Papierkorb.
Wählen Sie repräsentative Überschriften, Fließtext, Schaltflächen und Karten. Halten Sie Komponente, Zustand und beobachtete Deklaration in einer eigenen Zuordnungstabelle fest. Verwenden Sie Bildkoordinaten nur zum Gegenprüfen: Kantenglättung, Transparenz, Verläufe, Bilder und Farbverwaltung können Pixel von CSS-Werten unterscheiden. Messen Sie möglichst eine gleichmäßige Fläche und behalten Sie beide Angaben.
Häufigkeiten zählen beobachtete Deklarationen, nicht Flächenanteile oder Markenbedeutung. Eine Schriftkette beweist keine tatsächlich geladene Schrift. Eine Ansichtsgröße liefert keine responsive Skala. Nummern wie observed-1 sind technische Bezeichnungen, keine stabilen Identitäten. Nicht unterstützte CSS-Ausdrücke können im Bericht stehen, ohne als Token exportiert zu werden; fehlende Werte dürfen nicht erfunden werden.
Konvertieren Sie nur unterstützte Darstellungen und erhalten Sie Originalwerte sowie Hinweise auf Farbraumgrenzen. Eine Umrechnung in einen kleineren Farbraum garantiert kein identisches Aussehen. Für Kontrastwerte müssen tatsächlicher Vordergrund und Hintergrund bekannt sein. Transparenz erfordert eine bestätigte Zusammensetzung; Bilder oder Verläufe benötigen zusätzliche Prüfung. Ersetzen Sie unbekannte Hintergründe nicht durch eine bequeme Vollfarbe.
Formatieren Sie eine Kopie des CSS, ohne damit die Website zu überschreiben. Prüfen Sie JSON gegen ein geeignetes unterstütztes Schema; ein bestandenes Schema ist keine allgemeine Zertifizierung eines Token-Standards. Vergleichen Sie nur passende Ansichtsgrößen, Themen und Ladebedingungen. Neue Nummern oder verschobene Einträge können aus anderer Erfassungsreihenfolge entstehen. Ein JSON-Unterschied wird erst nach Abgleich von Wert, Komponente und Zustand zu einer fachlich bewerteten Änderung.
Die manuell gepflegte Tabelle enthält Erfassungsreferenz, Komponente, Deklaration, gegebenenfalls Bildkoordinate, vorgeschlagenen Namen, Status, Begründung und Verantwortliche. Sie schafft Nachvollziehbarkeit, ist aber keine automatisch erzeugte dauerhafte Komponentenidentität. Trennen Sie unveränderte Originale, freigegebene Vorschläge und ungeklärte Fälle.
Öffnen und prüfen Sie bearbeitete Dateien erneut und berechnen Sie Prüfsummen der tatsächlich gelieferten Dateien. Liefern Sie lokale Belege statt ausschließlich vergänglicher Links. Nennen Sie nicht geprüfte Breiten, Hover-, Fokus-, Fehler- und Anmeldezustände, eingebettete Frames und weitere Seiten. Vor produktiver Übernahme prüft das empfangende Team die Umsetzung im Browser. Für eine neue Palette, Schriftwahl oder CSS-Implementierung wechseln Sie in die entsprechenden verwandten Workflows.
Workflow-Leitfaden
Erfassen Sie die freigegebene Seite mit festgelegter Ansichtsgröße und Wartezeit. Sichern Sie das Exportarchiv unverändert und berechnen Sie dessen Prüfsumme.
Prüfen Sie Überschriften, Text, Schaltflächen und Karten. Notieren Sie Screenshot-Koordinaten und gemessene Pixelwerte getrennt von beobachteten CSS-Deklarationen.
Konvertieren Sie unterstützte Farbwerte unter Erhalt der Originale. Prüfen Sie ausgewählte Vorder- und Hintergründe; ungeklärte Transparenz oder Bildhintergründe bleiben offen.
Formatieren Sie eine CSS-Kopie, validieren Sie JSON gegen ein geeignetes unterstütztes Schema und vergleichen Sie passende Versionen. Ordnen Sie Änderungen anschließend manuell zu.
Prüfen Sie Ladezustand, Einblendungen und Ressourcenwarnungen. Eine unvollständige Aufnahme wird wiederholt oder ausdrücklich als eingeschränkt gekennzeichnet.
Übernehmen Sie beobachtete Werte als Beleg. Namen wie Primärfarbe benötigen eine begründete manuelle Entscheidung statt einer Ableitung aus Häufigkeiten.
Vergleichen Sie nur passende Seitenzustände und Erfassungsbedingungen. Geänderte beobachtete Nummern sind kein Nachweis einer fachlichen Änderung.
Trennen Sie Belege und freigegebene Token-Vorschläge, prüfen Sie bearbeitete Dateien erneut und berechnen Sie endgültige Prüfsummen. Ergänzen Sie offene Zustände und Prüfverantwortliche.