企业官网建设流程全解析

skills-manage 个性化设置清单：Catppuccin 主题、14 种强调色与中英双语一键切换

【免费下载链接】skills-manageDesktop app to manage AI coding agent skills across Claude Code, Cursor, Gemini CLI, Codex, and 20+ platforms from one place.项目地址: https://gitcode.com/gh_mirrors/sk/skills-manage

skills-manage 是一款开源桌面应用，让你在一处集中管理 Claude Code、Cursor、Gemini CLI、Codex 等 20+ 个 AI 编程平台的 Skills（技能）。这篇个性化设置清单带你花 3 分钟完成三件事：切换 Catppuccin 的 4 种主题风格、从 14 种强调色中挑一个换肤、一键切换中英双语界面。

上图为 skills-manage 的中央技能库主界面，截图使用 Latte 浅色主题与薰衣草强调色。

进入个性化设置的入口

所有外观与语言设置都集中在设置页：点击顶部工具栏右上角的⚙️齿轮图标即可进入。页面底部有一张「关于」卡片，主题风格、强调色、语言三个开关就排在应用版本信息下方，打开即改、改完即生效，无需任何命令行操作。

设置页面的完整实现见 SettingsView.tsx，三个切换器分别对应主题、强调色与语言。

Catppuccin 主题：Mocha / Macchiato / Frappé / Latte 四种风格

skills-manage 的整体配色基于广受好评的 Catppuccin 色板，内置 4 种「口味」（Flavor）：

在「关于」卡片的主题风格一栏点按对应按钮即可切换，全应用即时换肤。更贴心的是：首次启动时，skills-manage 会自动检测系统深/浅色偏好——系统为浅色就用 Latte，为深色就用 Mocha（检测逻辑见 themeStore.ts）。你手动选择后，偏好会持久保存（localStorage 键catppuccin-flavor），重启应用不丢失。

强调色：14 种颜色随点随换

强调色决定了选中侧边栏、主按钮、高亮卡片等交互元素的颜色。skills-manage 完整支持 Catppuccin 的 14 种强调色（完整清单见 themeStore.ts）：

在强调色一栏会看到一排彩色圆点，点哪个就变成哪个，默认是薰衣草（lavender）。选择会写入data-accent并持久保存到 localStorage，主题和强调色可自由组合：比如 Macchiato 暗色主题 + 绿色强调色，Mocha 深色主题 + 火烈鸟强调色，都能一键实现。

语言：中英双语一键切换

界面语言就摆在强调色下方：两个按钮「中文 / English」，点一下全应用立刻换成对应语言，当前语言按钮会高亮显示。

• 默认语言：未做过选择时默认中文（fallback 为zh，见 i18n/index.ts）
• 自动记忆：切换后写入 localStorage 的i18nextLng键，重启应用自动恢复
• 文案完整：中英两套文案分别维护在 zh.json 和 en.json，侧边栏、设置页、提示气泡全覆盖

个性化设置速查清单

三项设置全部即时生效、自动持久化，不改一行配置文件，是 skills-manage 上手后最值得先做的个性化三件套。

【免费下载链接】skills-manageDesktop app to manage AI coding agent skills across Claude Code, Cursor, Gemini CLI, Codex, and 20+ platforms from one place.项目地址: https://gitcode.com/gh_mirrors/sk/skills-manage