Erstellen Sie einen Full-Skin-Entwurf

Arbeiten innerhalb der deklarativen Grenze

1. 01

   Laden Sie ein berechtigtes Quellbild hoch

   Das aktuelle Studio akzeptiert decodierbare JPEG-, PNG- oder WebP-Dateien, sofern sie die Grenzwerte für Bytes, Pixel, Abmessungen, Seitenzahl und Mindestkantenlänge einhalten.

2. 02

   Fokus setzen und ein kontrolliertes Preset wählen

   Wählen Sie den Brennpunkt und passen Sie dann Glas-, Umriss- oder Leuchtparameter an. Diese begrenzten Eingaben steuern die erzeugte Ausgabe.

3. 03

   Vervollständigen Sie alle 13 Token-Paare

   Geben Sie gültige light- und dark-Hexadezimalwerte für jeden festen semantischen Token an und beheben Sie eventuelle Kontrastfehler.

4. 04

   Quelle und Rechte deklarieren

   Geben Sie an, ob das Bild original, benutzer-eigen, lizenziert, gemeinfrei oder generiert ist. Lizenzierte Materialien benötigen ihre erforderlichen Quellenangaben.

5. 05

   Entwurf speichern und einreichen

   Prüfen Sie die Deklaration als Entwurf. Mit der Einreichung beginnt die Moderation; die simulierte Vorschau wird dadurch nicht zum Veröffentlichungsnachweis.

Verstehen Sie, wofür der vertrauenswürdige Generator verantwortlich ist

• Autoren reichen JSON-Deklarationen und Bildeingaben ein, nicht CSS, HTML, JavaScript, Abhängigkeiten oder Lebenszyklusskripte.
• Der Generator erstellt die feste Host- und Client-Integration, Skin CSS, content-adressierte WebP-Assets, Manifest, Tar und TGZ.
• Generiertes CSS darf nur den attestierten Selektorkatalog ansprechen und auf inhaltsadressierte Assets aus demselben Paket verweisen.
• Die fünf erforderlichen Asset-Rollen sind background, sidebar, card, preview-light und preview-dark. Für eigenständige dunkle Bilder sind zusätzlich background-dark und sidebar-dark möglich; modeBackgrounds ordnet die Hintergründe den Modi zu. Screenshots der laufenden Oberfläche dienen nur als preview und bleiben von den Hintergrundillustrationen getrennt.
• Das endgültige Artefakt wird nach Abschluss der Moderationsnachweise wieder aufgebaut; ein Entwurfsdigest ist keine Veröffentlichungsbefugnis.

Verwandeln Sie eine visuelle Idee in einen Entwurf

Wählen Sie ein klares visuelles Motiv und bereiten Sie separate helle und dunkle Kunstwerke vor. Verwenden Sie Studio, um die Oberflächen und Assets zu beschreiben, und testen Sie dann den erstellten Entwurf im Ziel Harness, bevor Sie eine Veröffentlichung anfordern.

Erstellen Sie aus diesem Kunstwerk einen vollständigen Skin-Entwurf mit separaten hellen und dunklen Elementen. Behalten Sie lesbaren Text und sichtbare Steuerelemente bei. Listen Sie Quell- und Lizenzinformationen auf, erstellen Sie den Entwurf und testen Sie ihn im Ziel-Harness, bevor Sie ihn als fertig bezeichnen.