撸了个 Steam 市场背景图真实效果预览&展柜辅助设计的 Chrome 扩展 - Steam Design Tools

Steam Design Tools 是什么

一个 Steam 个人资料页背景图和展柜设计增强 Chrome 扩展工具

开发初衷：

当初市场里面花钱买几个背景图装饰下个人主页，谁知道只能查看一个背景图？实际效果完全靠 YY ？每次都要手动去改样式？

这忍不了啊，于是设计和开发这个 chrome 扩展，可以缓存待选的背景图，顺便加了展柜图片本地上传预览的功能，方便设计展柜用，现在已上架商店。

UI 预览

技术栈

React / Chrome extensions

项目主页

• https://steamdt.mtmzorro.com/
• https://github.com/mtmzorro/steam-design-tools

功能

• 存储 Steam 市场中的背景图物品。
• 存储 Steam 个人库存中的背景图物品。
• 将存储中的背景图物品应用于 Steam 个人资料页进行实时预览。
• 扩展个人资料页中展柜（艺术品、截图）功能，直接在展柜替换本地图片实时预览。

功能预览

存储 Steam 市场中的背景图物品，并在个人资料页预览

存储 Steam 个人库存中的背景图物品，并在个人资料页预览

展柜（艺术品、截图）替换本地图片实时预览，按钮提示当前图片尺寸

结语

Steam 夏促已至，喜加一的时候记得把自己的主页也搞搞那。

只要你有去市场搞背景图的需求，Steam Design Tools 一定能帮到你。