DeepSHPlugins
claude-style-skin 專案預覽
GITHUB / COMMUNITY PROJECT

claude-style-skin

換皮膚色JavaScriptMIT

Claude 風格暖調編輯 DSH Web 皮膚:象牙白/暖黑雙畫布、陶燼橙點睛、襯線標題+無襯線介面+等寬標籤、髮絲線與膠囊 CTA,亮暗雙主題跟隨系統。

3 StarsTaiyakiOffical 更新時間 2026-08-22
訪問 GitHub 倉庫
claude-style-skin 專案預覽
claude-style-skin 介面截圖claude-style-skin 介面截圖

專案介紹

中文

Claude 風格暖調編輯 DSH Web 皮膚:象牙白/暖黑雙畫布、陶燼橙點睛、襯線標題+無襯線介面+等寬標籤、髮絲線與膠囊 CTA,亮暗雙主題跟隨系統。

English

Claude-style warm-editorial skin for the DSH web GUI — ivory/warm-black canvas, a clay ember accent, serif display + sans UI + mono labels, hairline borders and pill CTAs, light/dark themes.

專案資訊與收錄訊號

快照 2026-09-11
作者 / 組織
TaiyakiOffical
倉庫
TaiyakiOffical/claude-style-skin
GitHub Stars
3
Forks
0
開發語言
JavaScript
許可證
MIT
最近推送
2026-08-22
Manifest
資料中檢測到宣告

公開倉庫不自動等於可商用;許可證與當前相容性以原專案文件為準。Manifest 和資料評分不構成安裝安全認證。

資料評分

53/ 100
維護活躍
87
文件與實用資訊
67
生態關注度
17
安裝便捷訊號
75
專案宣告訊號
85

近 20 天仍在更新;關注度尚低(3)。

評分來自已有資料快照的五維模型,僅作瀏覽參考,不是實際使用評測或安全檢測結論。

安裝與使用

所有專案資料與許可均以對應 GitHub 倉庫為準。

dsh plugin --profile web add claude-style-skin

複製命令不會自動執行。請先閱讀倉庫文件,確認環境要求與許可證。

專案截圖

倉庫 README

GitHub 原文

已儲存的倉庫文件快照;文件抓取時間未記錄,可能與上方目錄介紹處於不同版本。安裝前請核對當前倉庫說明。

儲存庫檔案保留原文,指令與授權文字不作自動改寫。

claude-style-skin · Claude Style 暖象牙

awesome · DSH plugin MIT

Anthropic 暖调编辑风 DeepSeek Harness Web 皮肤 —— 依据 anthropic.com 界面风格蒸馏报告创作:象牙白 / 暖黑双画布、陶烬橙点睛、衬线标题 + 无衬线界面 + 等宽标签、发丝线描边、胶囊 CTA,跟随原生亮/暗主题。

light 亮色

设计要点

  • 暖象牙 #FAF9F5(亮)/ 暖黑 #141413(暗)双画布,全部暖调灰阶,绝不用冷灰
  • 单一陶烬橙 #D97757 强调,hover 加深 #C6613F;强调只用于 CTA/链接/焦点(占比 <10%)
  • 衬线展示标题 + 无衬线界面 + 等宽标签 —— 三字体的编辑部式层级
  • 发丝暖线描边、8px 卡片圆角、全圆角胶囊 CTA
  • Markdown 编辑排版:衬线标题、衬线斜体强调、陶橙左缘引用块、行内代码芯片、横向发丝表格
  • 干净品牌区:鲸鱼 + wordmark 直接浮于画布,无徽章、无底衬
  • 亮 / 暗双主题,跟随系统切换

dark 暗色

安装

dsh plugin --profile web add TaiyakiOffical/claude-style-skin   # GitHub 源
# 或(若已发布到 npm)
dsh plugin --profile web add claude-style-skin                    # npm 源,市场优先

装完重启 dsh web,刷新页面即生效。

与其它皮肤的互斥

同一时刻只启用一个皮肤。把当前启用皮肤的 insert 行加 disabled: true(编辑 profile 的 cordis.patch.yml),或直接用 dsh-market / dsh-skin-manager 一键切换:

# ~/.dsh/profiles/web/cordis.patch.yml
- id: ui-skin-claude-style
  name: claude-style-skin

卸载

  1. 删除 profile cordis.patch.yml 里 ui-skin-claude-style 的 insert 行
  2. dsh plugin --profile web remove claude-style-skin
  3. 重启 dsh web

许可

MIT

使用前核對

安裝步驟、相容版本與授權範圍以原專案當前文件為準。Stars 和評分是快照中的導航訊號。

安裝與排錯 · 專案問題反饋

同類專案