soloncode-skin-skill

A tool that packages a visual theme for SolonCode Web UI as an installable ZIP file. SolonCode is a web-based coding interface, and a skin changes its colors, backgrounds, and overall appearance.

In plain words
What is it for?
Use it to create custom light and dark skins, background treatments, high-contrast themes, and visual styles for SolonCode Web UI.
Why use it?
It provides the complete package needed to install a custom interface style instead of leaving you with separate design fragments.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/opensolon/soloncode/soloncode-skin-skill
Any agent
npx skills add opensolon/soloncode --skill soloncode-skin-skill
Clone the repo
git clone --depth 1 https://github.com/opensolon/soloncode

Made for: Claude Code, Codex.

Per session 78 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,404 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00078 $0.03404
Opus 5 $0.00039 $0.01702
Sonnet 5 $0.00016 $0.00681
Haiku 4.5 $0.00008 $0.00340

Measured 2d ago against content hash fa76b8262e74, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

soloncode-skin-skill scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

The scan reads SKILL.md. This mod also ships 6 executable files (scripts/gen_bg.py, scripts/gen_preview.py, scripts/make_skin.py, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

soloncode-cli/release/skills/soloncode-skin-skill/SKILL.md · 266 lines

How it starts

The opening of the file, as written. The whole thing — 266 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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」

Critical Rules

  1. 交付物必须是 zip:至少含 skin.json + skin.css
  2. name 合法^[a-zA-Z0-9][a-zA-Z0-9_-]{0,63}$,且不是 default / eyecare / contrast
  3. 选择器绑定 name[data-skin="{name}"][data-theme="light|dark"],light/dark 成对;模板 id 必须改干净。
  4. 图片只写包内相对路径:优先 url("./assets/...");禁止 .. 与绝对路径;不推荐外链。
  5. 列表预览固定 preview.png(不要只给 webp/jpg)。
  6. 限制:zip ≤ 8MB;单资源 ≤ 2MB(skin.css 例外skin.json 也算资源);解压总量 ≤ 32MB。
  7. 可读性优先:输入框/正文/代码块必须可读;功能色(success/danger/git)默认不动。
  8. 不要臆造 token:当前无 --bg-welcome-image 等官方欢迎区槽位。
  9. 无可靠位图能力时用 CSS 渐变;有 Pillow 时用本 skill 的 gen_bg.py / gen_preview.py
  10. 详细规范按需加载references/skin-spec.md

Progressive Loading

需要时 读取 / 执行
完整规范 / 变量表 / 排障 references/skin-spec.md
一键生成(推荐) scripts/make_skin.py
脚手架 scripts/scaffold_skin.py
预览图 scripts/gen_preview.py
有结构背景图 scripts/gen_bg.py
模板 A/B/C/D assets/templates/{minimal-accent,ocean-gradient,settings-panel,full-theme}/
校验 scripts/validate_skin.py
打包 scripts/pack_skin.py

脚本路径:先定位本 skill 根目录,再 python3 scripts/...
依赖:校验/打包仅需标准库;生成 PNG 需要 Pillowpip install pillow)。

Workflow

0. 优先一键(Agent 默认路径)

用户给了风格词时,直接:

python3 scripts/make_skin.py \
  --name aurora \
  --recipe c \
  --theme aurora \
  --display-name "极光设置" \
  --with-assets \
  --force
# 默认产出:.uploads/aurora-yyyyMMddHH.zip(如 aurora-2026071715.zip)
参数 说明
--name 皮肤 id
--recipe a/b/c/d/e/f
--theme ocean/forest/aurora/ink/warm/pink/business
--with-assets 配方 C/D 生成有结构 PNG 并写入 url("./assets/...")
--no-preview 跳过 preview.png(默认会生成)
--work-dir 保留工作目录便于再改
-o 输出 zip(默认 .uploads/{name}-yyyyMMddHH.zip,避免覆盖冲突)

Read the full file on GitHub · 266 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 266 lines · 78 tokens per session scan A fa76b8262e74

Subscribe to this mod's changes

soloncode-skin-skill is a skill published in the GitHub repository opensolon/soloncode (185 stars, last pushed 2d ago), licensed MIT. It adds 78 tokens to every session and 3,404 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.