{"id":498,"date":"2026-06-04T18:41:50","date_gmt":"2026-06-04T18:41:50","guid":{"rendered":"https:\/\/rivals2.com\/workshop-dev\/?post_type=knowledgebase&#038;p=498"},"modified":"2026-06-10T14:38:49","modified_gmt":"2026-06-10T14:38:49","slug":"the-steam-workshop-ui","status":"publish","type":"knowledgebase","link":"https:\/\/rivals2.com\/workshop\/knowledge-base\/getting-started\/the-steam-workshop-ui\/","title":{"rendered":"The Modding tool UI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Mod content is created and managed via the Modding Tool UI. This UI contains many useful features for several features including Creating alt skins and palettes, Generating CSPs, Shortcuts for playtesting and more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can access the Steam Workshop UI by clicking on <strong>Modding<\/strong> in the menu bar at the top and then Open Modding Tool UI (Previously <strong>Open Steam Workshop UI<\/strong>).<\/p>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"313\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-37.png\" alt=\"\" class=\"wp-image-467\" style=\"width:645px;height:auto\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-37.png 546w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-37-300x172.png 300w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><figcaption class=\"wp-element-caption\">Access the steam workshop UI by clicking Modding on the Menu Bar and then Open steam workshop UI<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"601\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-13-1024x601.png\" alt=\"\" class=\"wp-image-380\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-13-1024x601.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-13-300x176.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-13-768x451.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-13.png 1272w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On the home tab there are two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start A New Mod<\/li>\n\n\n\n<li>Select A Mod Folder\n<ul class=\"wp-block-list\">\n<li>Note: There is also a \u201c<strong>&#8230;<\/strong>\u201d option in the top right of the window. This is a shortcut to the \u201cSelect A Mod Folder\u201d option and is always present regardless of tab you are on.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing to \u201cStart A New Mod\u201d will lead you to the Mod Initialization Tab<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Note: If you choose \u201cSelect a Mod Folder\u201d and the chosen folder is empty it will also lead to the Mod Initialization Tab<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Mod Initialization Tab<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-15-1024x604.png\" alt=\"\" class=\"wp-image-382\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-15-1024x604.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-15-300x177.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-15-768x453.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-15.png 1266w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Because of how Steam Workshop is so tightly integrated with the modding pipeline even without a valid mod type you will always see the Editable Mod Data on the left hand side. This data is pulled directly from Steam every time this tab is opened.<br><br><br>Options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Create New Character Mod\n<ul class=\"wp-block-list\">\n<li>Choosing this options will begin the character mod creation process which can be read mod about in the Character Create section.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create New Skin Mod\n<ul class=\"wp-block-list\">\n<li>This is not a valid option at this time<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create New Palette Mod\n<ul class=\"wp-block-list\">\n<li>This is not a valid option at this time<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create New Item Mod\n<ul class=\"wp-block-list\">\n<li>This is not a valid option at this time<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create New Stage Mod\n<ul class=\"wp-block-list\">\n<li>This is not a valid option at this time<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create New Stage Skin Mod\n<ul class=\"wp-block-list\">\n<li>This is not a valid option at this time<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Invalid Mod Owner Tab<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-14-1024x604.png\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-14-1024x604.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-14-300x177.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-14-768x453.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-14.png 1267w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If a mod is selected that is not owned by the logged in Steam user this message is displayed.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Note: Even mod contributors will see this message as Steam does not allow contributors to upload workshop items<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Character Mod Tab<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-16-1024x606.png\" alt=\"\" class=\"wp-image-383\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-16-1024x606.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-16-300x178.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-16-768x454.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-16.png 1264w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-17-1024x605.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-17-1024x605.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-17-300x177.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-17-768x454.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-17.png 1265w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There are several options on the Character Mod Tab:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Publish\n<ul class=\"wp-block-list\">\n<li>Publish your mod to Steam workshop using the settings provided in the Editable Mod Data panel.&nbsp;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Close\n<ul class=\"wp-block-list\">\n<li>Returns you to the Modding Tool\u2019s Home Tab<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Skin Section:\n<ul class=\"wp-block-list\">\n<li>Create Skin\n<ul class=\"wp-block-list\">\n<li>Brings you to the Skin Creation Tab with some data pre-populated<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Skin CSPs\n<ul class=\"wp-block-list\">\n<li>Clicking a skin CSP that is located under the skin section will populate the palette section underneath the skin section<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Create Palette\n<ul class=\"wp-block-list\">\n<li>Brings you to the Palette Creation Tab with some data pre-populated<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Skin Creation Tab<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-18-1024x606.png\" alt=\"\" class=\"wp-image-385\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-18-1024x606.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-18-300x178.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-18-768x455.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-18.png 1270w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;When the Skin Create Tab is navigated to via a character mod the \u201cParent Character\u201d variable is locked to the originating character.<br><br>Options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accept\n<ul class=\"wp-block-list\">\n<li>This will begin generating a skin for the parent character with the provided name<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Cancel\n<ul class=\"wp-block-list\">\n<li>Clicking anywhere in the background will cancel the operation and return to the originating tab<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Palette Creation Tab<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-47-1024x609.png\" alt=\"\" class=\"wp-image-508\" srcset=\"https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-47-1024x609.png 1024w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-47-300x178.png 300w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-47-768x457.png 768w, https:\/\/rivals2.com\/workshop\/wp-content\/uploads\/2026\/06\/image-47.png 1268w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When the Palette Creation Tab is navigated to via a character mod the \u201cParent Skin\u201d variable is locked to the originating skin that was selected.<br><br>Options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Accept\n<ul class=\"wp-block-list\">\n<li>This will begging generating a palette for the parent skin with the provided color slot<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Cancel\n<ul class=\"wp-block-list\">\n<li>Clicking anywhere in the background will cancel the operation and return to the originating tab<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you are ready to start creating some content check out the <a href=\"https:\/\/rivals2.com\/workshop\/knowledge-base\/character-creation\/\" data-type=\"knowledgebase_cat\" data-id=\"4\">Character Creation Guide<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mod content is created and managed via the Modding Tool UI. This UI contains many useful features for several features including Creating alt skins and palettes, Generating CSPs, Shortcuts for playtesting and more. You can access the Steam Workshop UI by clicking on Modding in the menu bar at the top and then Open Modding [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[3],"knowledgebase_tag":[],"class_list":["post-498","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-getting-started"],"_links":{"self":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":6,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/498\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase\/498\/revisions\/708"}],"wp:attachment":[{"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase_cat?post=498"},{"taxonomy":"knowledgebase_tag","embeddable":true,"href":"https:\/\/rivals2.com\/workshop\/wp-json\/wp\/v2\/knowledgebase_tag?post=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}