Skin Template: structure - SteamCustomizer/Editor GitHub Wiki

Each skin is stored in its own folder on the server. We will use example skin called example stored in /assets/skins/example directory to describe template structure.

#Steam Customizer Code file At the root of the template folder there is skin.json (/assets/skins/example/skin.json) file (read more about it here). This file contains all instructions necessary for the editor to interpret the template and generate skin file based on it.

#Views Visual representation in the browser is done using views: HTML visual models of real steam skin elements, usually windows.
All views are stored in views directory of the skin directory: .../example/views, which in our example will containt:

.../views/client
.../views/friends
.../views/overlay
.../views/...

Each view is rendered using index.html in its respective folder. All elements inside this HTML file are customizable by variables using view section's selectors in the template file.

NOTICE: The view is rendered only if it is defined inside template file view section.