1gudao1/angelina-web-deco 预览 preview

1gudao1/angelina-web-deco

Plugin插件 ⭐ 2 UI & Themes界面与主题

Arknights Angelina themed DeepSeek Harness (DSH) web decoration plugin - 明日方舟安洁莉娜主题 DSH Web 装饰插件

Project Overview项目介绍

This repository is a permanent theme enhancement plugin set for the DeepSeek Harness (DSH) Web UI, built around an Arknights "Angelina" (a six-star Support operator) visual theme that targets DSH as its sole runtime. It ships two cordis host plugins that auto-load with every DSH restart: plugin/deco.js handles web decoration by scattering transparent PNG stickers, looping GIF animations, and small UI ornaments across the conversation area, the hero/empty state page, and the sidebar whitespace, always painted on a true background layer so the text bubbles stay legible; plugin/photo.js together with plugin/photo-client.js adds a floating upload button in the lower-right corner, turning each chosen image into an in-conversation attachment message while archiving a base64 copy inside the workspace for AI retrieval.

The installation procedure is fully documented and assumes a working DSH instance with a configured workspace and a profile directory under $DSH_HOME/profiles/<profile>/. Users drop the JavaScript files into that profile's plugins/ folder, place dsh-web-deco.css plus a user-prepared "网页素材" asset folder (containing PNG/, GIF/, and UI素材/ subfolders) into the workspace root, then append two insert: entries to cordis.patch.yml registering the deco and photo plugins by their relative paths. After toggling deco.enabled: true in settings.yaml and restarting DSH, the decoration and photo upload features activate without any extra approval step. All decoration is implemented through background-image rules with !important to override runtime-injected inline styles, responsive min(px, vw) sizing, and a fallback dsh-web-deco.css.default shipped next to deco.js that the workspace stylesheet is missing or deleted. The intended users are Arknights fans and theme-loving power users who want to skin the DSH chat surface and feed image material directly into a session for backgrounds, illustrations, or slide assets.

Key dependencies and caveats: the plugin relies on cordis host-plugin loading, requires write access to the configured workspace and the profile plugin directory, and will silently degrade if the expected asset folder is missing. Angelina artwork is not bundled because of size and licensing concerns; users must download the official player material pack from the HyperGryph link shared in the README and reproduce the documented directory layout under the workspace root, otherwise the background layer will render empty. Photo uploads accept PNG, JPG, WebP, and GIF up to 12 MB per file, with the AI able to list or retract them through the photo_uploads and photo_delete tool surface. The code is released under MIT, while Arknights character art and visual assets remain © Shanghai HyperGryph Network Technology Co., Ltd. and are limited to personal, non-commercial use. First-run users should verify that MATERIAL_DIR, STYLE_FILE, ASSET_PREFIX, and STYLE_PATH constants at the top of deco.js match their actual folder names and that the optional compaction-basic threshold in cordis.patch.yml is left at the default 0.8 unless a stricter value is required.

本仓库是面向 DeepSeek Harness(DSH)Web 界面的"安洁莉娜主题"永久增强插件集,专为《明日方舟》六星辅助干员安洁莉娜的角色主题而设计。它包含两个以 host 插件形式随 DSH 启动自动加载的子插件:plugin/deco.js 负责网页装饰,使用本地 PNG 贴纸、GIF 动画与 UI 素材铺满对话区、空状态页和侧栏留白;plugin/photo.js 配合 photo-client.js 提供照片上传能力,右下角悬浮按钮上传的图像以图片消息进入对话流,并在工作区存档为 base64 文件,同时暴露 photo_uploads 与 photo_delete 供 AI 工具调用。

安装流程清晰:先把 plugin/ 下的 JS 文件放入 $DSH_HOME/profiles/<profile>/plugins/,并把 dsh-web-deco.css 与自备的"网页素材"目录放进 DSH 工作区根目录;随后在 cordis.patch.yml 中以 insert 方式挂载 deco 与 photo 两个插件,再在 settings.yaml 添加 deco.enabled: true,重启 DSH 后装饰与照片上传即生效。装饰完全用 background-image 背景层实现,绝不遮挡内容,并采用 min(px, vw) 实现响应式断点,还附带内置 CSS 兜底防丢失。该项目适合希望深度美化 DSH 界面、并在对话中直接投喂图片素材用于背景、插图或 PPT 场景的安洁莉娜玩家与 DSH 资深玩家。

主要依赖与限制:插件基于 cordis 框架并挂载为 host 插件,必须有可写的工作区与 $DSH_HOME/profiles/<profile>/ 目录;用户须自行从鹰角网络官方 B 站评论区提供的玩家素材包链接下载安洁莉娜素材并按"网页素材/PNG、GIF、UI素材"目录结构放置,否则装饰层无法渲染;上传图片限 PNG/JPG/WebP/GIF,单张 ≤12MB;代码以 MIT 发布,但明日方舟角色与美术素材版权归上海鹰角网络所有,仅限个人非商业使用,第三方分发请保留官方授权链接。首次运行前请确认工作区路径、素材目录名、样式文件名与 deco.js 顶部常量一致,否则插件虽能加载但页面不会显示装饰效果。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 3 warnings3 项注意
  • No license declared - all rights reserved by default; ask the author before commercial use or redistribution未声明开源许可证 —— 默认「保留所有权利」,商用或再分发前先问作者
  • Only 2 stars - very few users, little community feedback星标只有 2,几乎没人在用,遇到问题缺少社区反馈
  • No DSH plugin manifest detected - it may only carry the dsh-plugin topic, so the install method must be confirmed on the spot未检测到 DSH 插件清单:可能只是打了 dsh-plugin 话题,安装方式要现场确认
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装(适合开发者)

CLI Install命令行安装

dsh plugin --profile web add github:1gudao1/angelina-web-deco

把 1gudao1/angelina-web-deco 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

🦉 Angelina Web Decor

明日方舟·安洁莉娜主题的 DeepSeek Harness (DSH) Web UI 增强插件集

本仓库包含两个可独立使用的永久插件(host 插件,随 DSH 启动自动加载):

插件 文件 功能
🎨 网页装饰 plugin/deco.js 用本地安洁莉娜素材(透明 PNG 贴纸 + GIF 动画 + UI 元素)铺满页面留白——绝不挡字、小屏自适应、可一键开关
📷 照片上传 plugin/photo.js + plugin/photo-client.js 上传照片 → 以图片消息进入对话流、工作区存档、AI 侧 photo_uploads/photo_delete 工具、右下角悬浮上传按钮

关于安洁莉娜

安洁莉娜(Angelina) 是游戏《明日方舟》(Arknights)中的六星辅助干员,罗德岛的信使。她性格开朗活泼、乐于助人,使用反重力源石技艺(能操控物体的重力),平时带着一把小伞四处送信。本主题的素材即取自她"坐坐、看书、骑行、纸飞机、海边"等日常动作的形象。

📸 截图预览

主界面(对话页装饰)

Hero 空状态页装饰

截图由 headless Chrome 对本地 DSH 实例自动拍摄。

✨ 功能

功能 说明
🖼️ 页面装饰 10 组角色贴纸(PNG 静态 / GIF 动画)+ UI 素材散布在对话区、空状态页、侧栏留白处
🛡️ 绝不挡字 所有装饰贴在背景层(background-image),内容永远在装饰之上
📱 响应式 尺寸用 min(px, vw),小屏自动缩放 + 隐藏次要层,绝不堆叠
🧊 毛玻璃质感 消息气泡局部 backdrop-filter: blur + 文字高对比色(不留白朦胧)
🔘 一键开关 settings.yaml 的 deco.enabled,热加载生效
📷 照片上传 图片以附件消息进入对话流,AI 下一轮可见;工作区留 base64 副本供 AI 解码使用
🤖 AI 工具 photo_uploads(列出照片与路径)/ photo_delete(从对话流撤下图片)
♾️ 永久生效 全部挂载为 host 插件(cordis.patch.yml),DSH 重启自动加载

📦 安装

1. 放置文件

把本仓库的 plugin/ 下文件放进工作区与 DSH 配置目录:

<工作区>/                      ← 你的 DSH 工作区(session 工作目录)
├── dsh-web-deco.css           ← plugin/dsh-web-deco.css(装饰样式)
└── 网页素材/                   ← 你的安洁莉娜素材文件夹(自备,见"素材说明")
    ├── PNG/  GIF/  UI素材/

$DSH_HOME/profiles/<profile>/plugins/
├── deco.js                    ← plugin/deco.js
├── photo.js                   ← plugin/photo.js
├── photo-client.js            ← plugin/photo-client.js(照片上传 UI)
└── dsh-web-deco.css.default   ← 可选:dsh-web-deco.css 的副本(内置兜底,见下)

💡 内置兜底:把 dsh-web-deco.css 复制一份为 dsh-web-deco.css.default 放在 deco.js 同目录。当工作区里的样式文件被移动/删除时,插件自动改用它,背景装饰永不因文件丢失而消失(素材图片无兜底,请保留 网页素材/ 文件夹)。

2. 挂载插件

在 $DSH_HOME/profiles/<profile>/cordis.patch.yml 添加:

- insert:
    - id: deco
      name: './plugins/deco.js'
- insert:
    - id: photo
      name: './plugins/photo.js'

3. 启用开关

在 $DSH_HOME/settings.yaml 添加(默认开启):

deco:
  enabled: true

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要,完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

← 上一个 Prev dsh-proxy 下一个 Next dsh-knowledgenet-plugin →