Create a Full Skin Draft

Work inside the declarative boundary

1. 01

   Upload an eligible source image

   The current Studio accepts decodable JPEG, PNG, or WebP within its byte, pixel, dimension, page-count, and minimum-edge limits.

2. 02

   Set focus and a controlled preset

   Choose the focal point, then tune glass, outline, or glow parameters. These bounded inputs drive generated output.

3. 03

   Complete all 13 token pairs

   Provide valid light and dark hexadecimal values for every fixed semantic token and resolve any contrast failures.

4. 04

   Declare source and rights

   Record whether the image is original, user-owned, licensed, public-domain, or generated. Licensed material needs its required source information.

5. 05

   Save and submit the draft

   Review the declaration as a draft. Submission starts moderation; it does not turn the simulated preview into release evidence.

Understand what the trusted generator owns

• Authors submit JSON declarations and image inputs, not CSS, HTML, JavaScript, dependencies, or lifecycle scripts.
• The generator creates the fixed Host and Client integration, skin CSS, content-addressed WebP assets, manifest, tar, and tgz.
• Generated CSS can target only the authenticated selector catalog and reference same-package content-addressed assets.
• Keep the five required roles: background, sidebar, card, preview-light, and preview-dark. Separate dark artwork can add background-dark and sidebar-dark. Runtime screenshots belong in the preview roles; they must not replace the artwork used as the interface background.
• The final artifact is rebuilt after moderation evidence is complete; a draft digest is not publication authority.

Turn a visual idea into a draft

Choose a clear visual subject and prepare separate light and dark artwork. Use Studio to describe the surfaces and assets, then test the built draft inside the target Harness before requesting publication.

Create a Full Skin draft from this artwork with separate light and dark assets. Preserve readable text and visible controls. List source and license information, build the draft, and test it in the target Harness before calling it ready.