generate-translations
Use when new translation keys are added to packages to generate new translations strings
By payloadcms · 555 installs
npx skills add payloadcms/payload --skill generate-translations
Source repository · Upstream listing
Translation Generation Guide
Payload has two separate translation systems:
1. Core Translations for core Payload packages (packages/ui, packages/payload, packages/next)
2. Plugin Translations for plugins (packages/plugin \ )
Table of Contents
[1. Core Translations]( 1 core translations)
[2. Plugin Translations]( 2 plugin translations)
[Scaffolding New Plugin Translations]( scaffolding new plugin translations)
[Important Notes]( important notes)
1. Core Translations
When to use: Adding translations to core Payload packages (packages/ui, packages/payload, packages/next)
Steps:
1. Add the English translation to packages/translations/src/languages/en.ts
Add your new key/value to the appropriate section (e.g., authentication , general , fields , etc.)
Use nested objects for organization
Example:
2. Add client key (if needed for client side usage) to packages/translations/src/clientKeys.ts
Add the translation key path using colon notation
Example: 'authentication:newFeature'
Client keys are used for translations that need to be available in the browser
3. Generate translations for all languages
Change directory: cd tools/scripts
Run: pnpm generateTranslations:core
This auto translates your new English keys to all other supported languages
2. Plugin Translations
When to use: Adding translations to any plugin package (packages/plugin \ )
Steps:
1. Verify plugin has translations folder
Check if packages/plugin {name}/src/translations exists
If it doesn't exist, see "Scaffolding New Plugin Translations" below
2. Add the English translation to the plugin's packages/plugin {name}/src/translations/languages/en.ts
Plugin translations are namespaced under the plugin name
Example for plugin multi tenant:
3. Generate translations for all languages
Change directory: cd tools/scripts
Run the plugin specific script: pnpm generateTranslations:plugin {name}
Examples:
pnpm generateTranslations:plugin multi tenant
pnpm generateTranslations:plugin ecommerce
pnpm generateTranslations:plugin import export
Scaffolding New Plugin Translations
If a plugin doesn't have a translations folder yet, ask the user if they want to scaffold one .
Structure to create:
Files to create:
1. types.ts Define the plugin's translation types
2. index.ts Export all translations and re export types
3. languages/en.ts English translations (the source for generation)
4. languages/\ .ts Other language files (initially empty, will be generated)
Generation script to create:
1. Create tools/scripts/src/generateTranslations/plugin {name}.ts
Use plugin multi tenant.ts as a template
Update the import paths to point to the new plugin
Update the targetFolder path
2. Add script to tools/scripts/package.json :
Important Notes
All translation generation requires OPENAI KEY environment variable to be set
The generation scripts use OpenAI to translate from English to other languages
Always add translations to English first it's the source of truth
Core translations : Client keys are only needed for translations used in the browser/admin UI
Plugin translations : Automatically namespaced under the plugin name to avoid conflicts