Feature Request: Web skin tweaker

[PopCat19]

Checklist

• I've verified that there is no open or closed issue related to this request.
• This request addresses only one feature (one feature per request/issue).
• The title accurately reflects the proposed feature.

Skin Version

any

Feature Description

Having a web skin tweaker can be convenient for simple tweaks like:

• Color scheme
• Images
• Audio

While being user-friendly and flexible without the need of using figma. (bonus: mobile support for osu!droid users alike)

Implementation

Using github pages or similar, create a web app to modify skin colors, upload/swap audio, upload/swap fonts, and place images.
|
Since Figma is a web design platform, its CSS and vector properties can be imported into the web app, allowing for similar modification for color schemes.

It's capability can be:

• Latest project elements and skin contents
• Modify color scheme through CSS styles and skin.ini
• Upload and swap skin audio files, converting filetype if necessary
• Place images to some elements (e.g. song select, ranking panel)
• Upload and swap fonts through CSS styles
• Export all elements rasterized, archive as .zip, then rename to .osk

Alternative Implementation

An alternative could be a basic, intuitive web app to modify colorschemes and fonts of the skin, then bulk export / archive as .osk.

Additional Context

Reference:
https://corne2plum3.github.io/osu-hitcircle-generator.github.io/ (likely raster-based)

Priority Level

Normal