soloncode-skin-skill

Solid

Generate installable SolonCode Web UI skin zip packages from natural-language design requests. Use when the user asks to create/make/customize a skin, theme, 皮肤, 换肤, settings panel background, welcome-page look, accent color theme, or produce a .zip skin for SolonCode (settings → general → skin).

Web & Frontend 155 stars 35 forks Updated today MIT

Install

View on GitHub

Quality Score: 84/100

Stars 20%
73
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 scrip...

Details

Author
opensolon
Repository
opensolon/soloncode
Created
5 months ago
Last Updated
today
Language
Java
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Solid

dashi-ppt

制作 PPT、演示文稿、幻灯片、汇报材料时使用。Dashi PPT 基于预置视觉主题组合页面,生成可离线打开、可在浏览器编辑的 HTML 演示,支持导出 PPTX / PDF 文件。

4,336 Updated 1 weeks ago
chuspeeism
AI & Automation Solid

solon-development-skill

Solon Java framework expert (NOT Spring). Use for Solon apps, Solon AI (ChatModel/RAG/MCP/Agent/Harness/Talent), Solon Flow, Solon Cloud, Nami RPC, SqlUtils/MyBatis, and Solon annotations (@Mapping, @Inject, @SolonMain, @Component). Independent IoC/AOP and plugins — never use Spring annotations or spring-boot dependencies.

155 Updated today
opensolon
Web & Frontend Listed

design-preview

把一个 UI 形态/设计稿(已有形态或拟改形态)还原成像素级自包含 HTML 效果图,并自动在用户的 Chrome 里弹出标签页供人「对图评审」,再截图确保人机看同一张图。复用真值源(小程序 .wxml 结构 + .scss 视觉;其他平台对应组件源+样式),用 750 舞台 scale(0.5) 把 rpx 1:1 映射成 px,不靠凭空生成、不引第三方工具,保证与代码同源。用户级通用,所有会话与并发 agent 共用同一流程与同一手机框模板。触发词:「预览设计稿」「出个效果图」「弹个预览」「给我看看效果」「还原一下页面」「看看这个形态长啥样」「对着图聊」「design preview」。在聊天中需要把页面形态/版式可视化给人看、而不是用文字或 ASCII 描述时,自动触发本 skill。

3 Updated today
BackToCimaCoppi