SolonCode Skin Generator

by opensolon

SolonCode Skin Generator is a Frontend skill for Claude Code, published by opensolon in soloncode.

191 stars37 forkson opensolon/soloncodeAdded 2026/09/06+1% in starsRepository updated 2026/09/06

View source on GitHub Download repo ZIP

claude-codeclicli-appjavaopencodesolonsolon-ai

Install in seconds

Install SolonCode Skin Generator

Copy SolonCode Skin Generator into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/opensolon/soloncode/tree/main/soloncode-cli/release/skills/soloncode-skin-skill ~/.claude/skills/soloncode-skin-skill

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/opensolon/soloncode.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: soloncode-cli/release/skills/soloncode-skin-skill/SKILL.md in opensolon/soloncode
Installs to: ~/.claude/skills/soloncode-skin-skill
Collection: One of 6 skills cataloged from this repository
Category: Frontend — 670 skills

What SolonCode Skin Generator does

SolonCode Skin Generator creates installable SolonCode Web UI skin zip packages from natural-language design requests. Use it when you need a theme, background, accent color, or a skin upload for SolonCode settings.

SolonCode Skin Generator is cataloged under Frontend on DirSkills. SolonCode Skin Generator comes from a repository tagged claude-code, cli, cli-app, java and opencode.

Documentation

README

Excerpt

SolonCode Skin Generator

根据用户自然语言需求，生成可直接上传安装的 SolonCode Web 皮肤 Zip。
目标产物始终是可安装的 zip（默认 .uploads/{name}-yyyyMMddHH.zip），不是零散 CSS 片段。

作用范围：仅 SolonCode Web UI 皮肤系统。
禁止：改 soloncode-desktop；生成 js/html/svg/可执行文件；使用保留名。

When to Use

「做个皮肤 / 生成 skin / 换肤 / 主题包」
「设置面板加背景 / 像 ddd 那样」
「海洋/极光/护眼/高对比风格」
「欢迎页别太空 / 主区氛围图」
「根据 skin.md / skin-spec 出 zip」

This is the opening of the README. Read the full README on GitHub.

Frequently asked about SolonCode Skin Generator

What else does opensolon publish alongside SolonCode Skin Generator?
SolonCode Skin Generator is one of 6 skills that DirSkills catalogs from opensolon/soloncode, the repository it ships in. Its siblings there include Agent Browser, Find Skills and Skill Creator. Each one is a separate skill with its own page in this directory, installs the same way SolonCode Skin Generator does, and is maintained by opensolon in that same repository. The rest of the collection is listed on the opensolon/soloncode page.
How does SolonCode Skin Generator compare to other Frontend skills?
SolonCode Skin Generator ranks #617 by stars among the 670 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of SolonCode Skin Generator against them. Open each page to compare what they document and how they install.