菜单
NaiveTab 浏览器扩展的 Setting 面板开发指南。当用户要新增 Setting 设置面板、添加新的设置页时使用。涵盖需要修改的完整文件清单、注册规范等，防止遗漏关键步骤。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
NaiveTab 浏览器扩展的 Widget 开发指南。当用户要在 newtab-naivetab 项目中新增 Widget 组件、添加新功能组件时使用。涵盖需要修改的完整文件清单、配置规范、类型注册等，防止遗漏关键步骤。
NaiveTab 浏览器扩展的 i18n 国际化开发指南。当用户要新增/修改翻译文本、添加多语言 key 时使用。涵盖中英文同步更新规则、变量替换模式等，防止遗漏或格式错误。
NaiveTab 浏览器扩展的配置迁移开发指南。当用户要修改持久化配置结构（新增/重命名/删除字段、修改类型）时使用。强制走 handleAppUpdate 迁移流程，防止破坏老用户数据。
NaiveTab 浏览器扩展的全局命令快捷键开发指南。当用户要新增/修改命令快捷键（如新增 tab 操作、页面滚动、窗口操作等命令）时使用。涵盖需要修改的完整文件清单、执行环境分类、类型注册等，防止遗漏关键步骤。
基于 SOC 职业分类
| name | add-setting-pane |
| description | NaiveTab 浏览器扩展的 Setting 面板开发指南。当用户要新增 Setting 设置面板、添加新的设置页时使用。涵盖需要修改的完整文件清单、注册规范等，防止遗漏关键步骤。 |
新增 Setting 面板需按顺序完成以下步骤。
src/setting/registry.ts：注册面板在 SETTING_GROUPS 对应分组中追加：
{
code: 'myPane', // settingPanes 类型中的有效 code
labelKey: 'setting.group.myPane', // i18n key
}
code 必须与 src/setting/panes/{code}/index.vue 路径一致labelKey 需要同步添加到 i18n 文件（见 Step 3）src/setting/panes/{code}/index.vue：面板组件创建面板组件，必须：
<script setup lang="ts">src/setting/fields/ 中的原子组件，禁止自行封装src/logic/constants/icons.ts 的 SETTING_ICON_META 中注册在 src/locales/zh-CN.json 和 src/locales/en-US.json 中同步添加 labelKey 对应的翻译。
如果面板供特定 Widget 使用，在 src/common/widget-constants.ts 的 WIDGET_SETTING_PANE_MAP 中注册映射：
myWidget: 'myPane',
[浅色, 深色]