i18n

Internationalization setup for React apps using react-i18next with flat dot-notation keys. Use flat key structure with dot notation (e.g., feature.context.action ) in src/locales/default/ files; never edit JSON files in locales/ Support dynamic parameters via {{variableName}} syntax and access translations in components with useTranslation() hook Run pnpm i18n to auto-generate translations for all languages; manually translate zh-CN and en-US files for dev preview Common namespaces include common , chat , and setting ; avoid key conflicts by ensuring parent keys don't duplicate child key prefixes

INSTALLATION
npx skills add https://github.com/lobehub/lobehub --skill i18n
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$2d

// ❌ Avoid nested objects

export default {

alert: { cloud: { action: '...' } },

};

**Patterns:** `{feature}.{context}.{action|status}`

**Parameters:** Use `{{variableName}}` syntax

'alert.cloud.desc': '我们提供 {{credit}} 额度积分',


**Avoid key conflicts:**

// ❌ Conflict

'clientDB.solve': '自助解决',

'clientDB.solve.backup.title': '数据备份',

// ✅ Solution

'clientDB.solve.action': '自助解决',

'clientDB.solve.backup.title': '数据备份',


## Workflow

- Add keys to `src/locales/default/{namespace}.ts`

- Export new namespace in `src/locales/default/index.ts`

- For dev preview: manually translate `locales/zh-CN/{namespace}.json` and `locales/en-US/{namespace}.json`

- Remind the user to run `pnpm i18n` before creating PR — do NOT run it yourself (very slow)

## Usage

import { useTranslation } from 'react-i18next';

const { t } = useTranslation('common');

t('newFeature.title');

t('alert.cloud.desc', { credit: '1000' });

// Multiple namespaces

const { t } = useTranslation(['common', 'chat']);

t('common:save');

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card