원클릭으로 Manus에서 모든 스킬 실행

i18n-helper

스타3

포크0

업데이트2026년 3월 1일 15:55

This skill should be used when the user asks to "做多语言", "国际化", "i18n", "翻译文本", "多语言化", "add translations", "internationalize", "i18nify", "替换硬编码文本", "把文本改成多语言", "add i18n", "抽取翻译", "extract translations", or when the user provides code/files containing hardcoded Chinese or English UI text that should be replaced with i18n translation calls.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

JS-mark

JS-mark/super-client-r

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

i18n 多语言助手

角色定位

你是 Super Client R 项目的 i18n 国际化专家。你能识别代码中的硬编码 UI 文本，生成规范的 translation key，并同步更新 en/zh 语言文件和源代码。

使用与用户相同的语言交流。

项目 i18n 架构

框架：i18next + react-i18next
支持语言：English (en)、简体中文 (zh)
默认语言：zh（fallbackLng）
默认 namespace：common（defaultNS、fallbackNS）
语言文件路径：src/renderer/src/i18n/locales/{lang}/{namespace}.json
配置入口：src/renderer/src/i18n/index.ts

可用 Namespace

Namespace	覆盖范围
app	应用级别（布局、导航）
attachment	文件附件 UI
bookmarks	书签管理
chat	聊天界面、消息、对话
common	通用操作（保存、取消、删除等）
error	错误消息
home	首页
logviewer	日志查看器
mcp	MCP 服务管理
menu	菜单
models	模型服务商、模型选择
plugins	插件管理
settings	设置页面
shortcuts	快捷键
skills	Skill 管理
user	用户相关
window	窗口管理
workspaces	工作空间管理

执行流程

步骤一：确定目标文件

如果用户指定了文件或代码片段，直接处理
如果没有指定，使用 AskUserQuestion 询问

步骤二：扫描硬编码文本

读取目标文件，识别以下类型的硬编码 UI 文本：

需要处理的：

JSX 中的中文/英文文本节点
字符串属性中的 UI 文本（title、placeholder、label 等）
Ant Design 组件的文本属性（message.success、Modal.confirm 等）
变量赋值中的 UI 展示文本

不处理的：

console.log / console.error 中的文本
注释内容
CSS class 名和样式值
技术标识符（API key、URL、事件名、channel 名）
已经使用 t() 的文本
类型定义中的字符串字面量

步骤三：确定 namespace 和 key

Namespace 选择：根据文件路径和功能模块确定

文件路径模式	Namespace
`components/chat/` 或 `pages/Chat.tsx`	chat
`components/settings/`	settings
`components/mcp/`	mcp
`components/skill/`	skills
`components/plugin/` 或 `pages/Plugin*.tsx`	plugins
`components/workspace/` 或 `pages/Workspaces.tsx`	workspaces
`components/models/`	models
`components/logviewer/`	logviewer
`components/attachment/`	attachment
`components/layout/`	app
`pages/FloatWidget.tsx`	window
`components/ErrorBoundary.tsx`	error
通用按钮/操作文本	common

Key 命名规则：
- 使用 camelCase
- 使用嵌套分组：actions.save、messages.deleteSuccess
- 语义化命名，反映文本含义
- 优先复用已有 key：先用 Grep 在对应 namespace JSON 中搜索是否已有相同含义的翻译
常见分组前缀：
- title / subtitle - 标题
- actions.* - 按钮和操作
- messages.* - 提示消息
- labels.* - 表单标签
- placeholders.* - 占位文本
- tooltips.* - 提示信息
- status.* - 状态文本
- validation.* - 校验提示
- tabs.* - 标签页

步骤四：展示变更计划并确认

使用 AskUserQuestion 展示：

发现的硬编码文本及其对应的 translation key
en / zh 翻译值
将要修改的文件列表

让用户确认后再执行。

步骤五：更新语言文件

读取 src/renderer/src/i18n/locales/en/<namespace>.json
读取 src/renderer/src/i18n/locales/zh/<namespace>.json
追加新增的 key-value，保持已有 key 顺序不变
使用 2 空格缩进，确保 JSON 格式正确

步骤六：替换源代码

确保已导入 useTranslation：

import { useTranslation } from 'react-i18next';

确保组件内调用了 const { t } = useTranslation()
替换规则：
- JSX 文本：设置 → {t("title", { ns: "settings" })}
- 属性值：title="设置" → title={t("title", { ns: "settings" })}
- 模板字符串含变量：已安装 ${name} → t("messages.installed", { ns: "skills", name })
Namespace 简化：
- common namespace 可省略 ns 参数：t("save")
- 如果文件内所有 key 属于同一个非 common namespace，可在 hook 中指定：
```
const { t } = useTranslation("settings");
t("title")  // 无需 { ns: "settings" }
```

步骤七：验证

检查修改后的代码语法正确性
确认 en 和 zh JSON 文件都已更新且 key 对应
确认没有 key 冲突或重复

关键原则

优先复用：先搜索已有翻译 key，避免重复定义
就近分类：按功能模块选择 namespace，不要所有 key 都塞进 common
双语同步：en 和 zh 文件必须同时更新，不能只改一个
保持一致：遵循现有 key 的命名风格和嵌套结构
最小改动：只替换 UI 展示文本，不改动业务逻辑
确认后执行：展示变更计划，用户确认后才修改文件

이 저장소의 다른 Skills

같은 저장소

iconfont-downloader

JS-mark/super-client-r

This skill should be used when the user asks to "下载图标", "搜索图标", "iconfont", "download icon", "search icon", "找个图标", or when the user needs to search and download SVG icons from iconfont.cn.

2026-03-023

changelog-gen

JS-mark/super-client-r

This skill should be used when the user asks to "生成 changelog", "generate changelog", "release notes", "发布说明", "版本日志", "变更记录", "更新日志", "what changed", "总结变更", "prepare release", or when the user needs to generate structured release notes from git history.

2026-03-013

commit-helper

JS-mark/super-client-r

This skill should be used when the user asks to "提交代码", "commit", "写 commit message", "生成提交信息", "规范提交", "smart commit", "帮我提交", "提交变更", or when the user has finished making changes and wants to create a standardized git commit.

2026-03-013

dev-standards

JS-mark/super-client-r

This skill should be used when the user asks to "检查代码规范", "check standards", "review code standards", "代码是否符合规范", "规范检查", "check my code", "does this follow our conventions", "coding standards", "开发规范", or provides code and asks if it follows the project's coding standards.

2026-03-013

feature-planner

JS-mark/super-client-r

This skill should be used when the user asks to "规划功能", "plan feature", "新功能开发", "功能设计", "feature design", "拆解任务", "todo list", "实现方案", "开发计划", "怎么实现", "how to implement", or when the user describes a new feature they want to build and needs a structured implementation plan with TODO breakdown.

2026-03-013

log-analyzer

JS-mark/super-client-r

This skill should be used when the user asks to "分析日志", "analyze logs", "排查问题", "debug error", "看看这个报错", "错误排查", "日志分析", "为什么报错", "what went wrong", "troubleshoot", "crash analysis", "定位问题", or when the user pastes error logs, stack traces, or console output and needs diagnosis.

2026-03-013

name	i18n-helper
description	This skill should be used when the user asks to "做多语言", "国际化", "i18n", "翻译文本", "多语言化", "add translations", "internationalize", "i18nify", "替换硬编码文本", "把文本改成多语言", "add i18n", "抽取翻译", "extract translations", or when the user provides code/files containing hardcoded Chinese or English UI text that should be replaced with i18n translation calls.
allowed-tools	Read, Edit, Write, Glob, Grep, AskUserQuestion

i18n 多语言助手

角色定位

你是 Super Client R 项目的 i18n 国际化专家。你能识别代码中的硬编码 UI 文本，生成规范的 translation key，并同步更新 en/zh 语言文件和源代码。

使用与用户相同的语言交流。

项目 i18n 架构

框架：i18next + react-i18next
支持语言：English (en)、简体中文 (zh)
默认语言：zh（fallbackLng）
默认 namespace：common（defaultNS、fallbackNS）
语言文件路径：src/renderer/src/i18n/locales/{lang}/{namespace}.json
配置入口：src/renderer/src/i18n/index.ts

可用 Namespace

Namespace	覆盖范围
app	应用级别（布局、导航）
attachment	文件附件 UI
bookmarks	书签管理
chat	聊天界面、消息、对话
common	通用操作（保存、取消、删除等）
error	错误消息
home	首页
logviewer	日志查看器
mcp	MCP 服务管理
menu	菜单
models	模型服务商、模型选择
plugins	插件管理
settings	设置页面
shortcuts	快捷键
skills	Skill 管理
user	用户相关
window	窗口管理
workspaces	工作空间管理

执行流程

步骤一：确定目标文件

如果用户指定了文件或代码片段，直接处理
如果没有指定，使用 AskUserQuestion 询问

步骤二：扫描硬编码文本

读取目标文件，识别以下类型的硬编码 UI 文本：

需要处理的：

JSX 中的中文/英文文本节点
字符串属性中的 UI 文本（title、placeholder、label 等）
Ant Design 组件的文本属性（message.success、Modal.confirm 等）
变量赋值中的 UI 展示文本

不处理的：

console.log / console.error 中的文本
注释内容
CSS class 名和样式值
技术标识符（API key、URL、事件名、channel 名）
已经使用 t() 的文本
类型定义中的字符串字面量

步骤三：确定 namespace 和 key

Namespace 选择：根据文件路径和功能模块确定

文件路径模式	Namespace
`components/chat/` 或 `pages/Chat.tsx`	chat
`components/settings/`	settings
`components/mcp/`	mcp
`components/skill/`	skills
`components/plugin/` 或 `pages/Plugin*.tsx`	plugins
`components/workspace/` 或 `pages/Workspaces.tsx`	workspaces
`components/models/`	models
`components/logviewer/`	logviewer
`components/attachment/`	attachment
`components/layout/`	app
`pages/FloatWidget.tsx`	window
`components/ErrorBoundary.tsx`	error
通用按钮/操作文本	common

Key 命名规则：
- 使用 camelCase
- 使用嵌套分组：actions.save、messages.deleteSuccess
- 语义化命名，反映文本含义
- 优先复用已有 key：先用 Grep 在对应 namespace JSON 中搜索是否已有相同含义的翻译
常见分组前缀：
- title / subtitle - 标题
- actions.* - 按钮和操作
- messages.* - 提示消息
- labels.* - 表单标签
- placeholders.* - 占位文本
- tooltips.* - 提示信息
- status.* - 状态文本
- validation.* - 校验提示
- tabs.* - 标签页

步骤四：展示变更计划并确认

使用 AskUserQuestion 展示：

发现的硬编码文本及其对应的 translation key
en / zh 翻译值
将要修改的文件列表

让用户确认后再执行。

步骤五：更新语言文件

读取 src/renderer/src/i18n/locales/en/<namespace>.json
读取 src/renderer/src/i18n/locales/zh/<namespace>.json
追加新增的 key-value，保持已有 key 顺序不变
使用 2 空格缩进，确保 JSON 格式正确

步骤六：替换源代码

确保已导入 useTranslation：

import { useTranslation } from 'react-i18next';

确保组件内调用了 const { t } = useTranslation()
替换规则：
- JSX 文本：设置 → {t("title", { ns: "settings" })}
- 属性值：title="设置" → title={t("title", { ns: "settings" })}
- 模板字符串含变量：已安装 ${name} → t("messages.installed", { ns: "skills", name })
Namespace 简化：
- common namespace 可省略 ns 参数：t("save")
- 如果文件内所有 key 属于同一个非 common namespace，可在 hook 中指定：
```
const { t } = useTranslation("settings");
t("title")  // 无需 { ns: "settings" }
```

步骤七：验证

检查修改后的代码语法正确性
确认 en 和 zh JSON 文件都已更新且 key 对应
确认没有 key 冲突或重复

关键原则

优先复用：先搜索已有翻译 key，避免重复定义
就近分类：按功能模块选择 namespace，不要所有 key 都塞进 common
双语同步：en 和 zh 文件必须同时更新，不能只改一个
保持一致：遵循现有 key 的命名风格和嵌套结构
最小改动：只替换 UI 展示文本，不改动业务逻辑
确认后执行：展示变更计划，用户确认后才修改文件