i18n-rules
Rules for adding internationalization (i18n) translations. Activated automatically when adding new UI text, buttons, labels, or any user-facing strings. Use when user says "add translation", "добавь перевод", "i18n", "интернационализация".
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Skill: i18n Rules
Purpose
Ensure every new user-facing string is properly internationalized in both language files.
Translation Files
| Language | File |
|---|---|
| English | src/shared/translations/languages/en.json |
| Russian | src/shared/translations/languages/ru.json |
Rules
-
Always add to both files. Every new key must be added to
en.jsonANDru.jsonsimultaneously. -
Key structure. Keys are nested by domain and category using dot notation:
-
<domain>.<category>.<key>— e.g.tracks.button.publish,playlists.title.create_playlist - Top-level domains:
auth,tracks,playlists,sidebar,tabs,tags,title,description,sort,placeholder,profile,date,playlist,player,common,button,image_uploader,artists - Common categories within a domain:
button,label,title,placeholder,error,success,table,aria_labels,stats
-
-
Key naming. Use
snake_casefor all keys. Keep names short and descriptive:delete_from_playlist,show_text_song,upload_track. -
Placement. Add new keys next to related existing keys within the same domain/category block. Maintain alphabetical order when practical, but grouping by feature context takes priority.
-
Interpolation. Use
{{ variable }}syntax (with spaces inside braces) for dynamic values:-
"max_value": "Title must be less than {{ quantity }} characters" -
"file_too_large": "The file is too large. Max size is {{size}} MB"
-
-
Plurals (Russian). Russian requires
_one,_few,_manysuffixes. English uses_one,_other:- EN:
"tracks_count_one": "{{count}} track","tracks_count_other": "{{count}} tracks" - RU:
"tracks_count_one": "{{count}} трек","tracks_count_few": "{{count}} трека","tracks_count_many": "{{count}} треков"
- EN:
-
Usage in components. Import
useTranslationfromreact-i18nextand use thet()function:const { t } = useTranslation() // ... { t('tracks.button.publish') } -
JSON validity. Ensure trailing commas are correct — the last key in a block must NOT have a trailing comma. Always verify both files remain valid JSON after editing.
-
No hardcoded strings. Never leave user-facing text as raw strings in components. Always use
t('...'). -
Russian translations must be real. Do not use transliteration or machine-translated gibberish. Provide natural, idiomatic Russian text.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-03-11
- Index updated
- 2026-03-11
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!