skills.rest
aexol-studio
aexol-studioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

add-translation

Manage i18n translation namespaces and locale JSON exports for Deenruv plugins.

11|1|Updated Oct 4, 2024
Search Tags:#react#localization#plugins#i18n#translations#admin-ui
One-click install
npx skills add https://github.com/aexol-studio/deenruv --skill add-translation-aexol-studio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-translation
Source: https://github.com/aexol-studio/deenruv/tree/main/.opencode/skills/add-translation
Command: npx skills add https://github.com/aexol-studio/deenruv --skill add-translation-aexol-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Deenruv's i18n translations are essential to localize the admin panel, plugins, and docs. This Skill provides a clear, repeatable workflow to add, update, and maintain translation keys across all UI layers.

Core Features & Use Cases

  • Create translation namespaces and locale bundles for en and pl across Admin Panel, Plugins, and Docs Landing.
  • Wire translations into plugins via the UI devkit and provide runtime access through useTranslation and tEntity helpers.
  • Update and audit translations across plugin UI, admin UI, and docs with structured workflows and barrel exports.

Quick Start

Provide the target language code and the translation keys to add or update, and I will apply them across the Admin Panel, plugin UI, and docs.

Frequently Asked Questions about add-translation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add i18n translations to a Deenruv admin UI plugin?▼

To add i18n translations to a Deenruv admin UI plugin, you create translation namespaces and locale JSON barrel exports, then register them in createDeenruvUIPlugin. This provides localization for the admin panel and plugin UI across en and pl languages.

What is a translation namespace in Deenruv plugins and when do I need it?▼

A translation namespace in Deenruv plugins organizes locale JSON keys for specific UI layers like the admin panel or docs landing. You need it when structuring locale bundles so useTranslation correctly maps to the defined translation namespace.

How do I use the useTranslation hook with a defined translation namespace in React?▼

You use the useTranslation hook with a defined translation namespace in React to access locale JSON barrel exports at runtime. This workflow provides runtime access to translations and utilizes tEntity helpers within the plugin UI devkit.

Can I update and audit locale JSON exports for both en and pl languages?▼

Yes, you can update and audit locale JSON exports for both en and pl languages. This Skill provides structured workflows to maintain translation keys across plugin UI, admin UI, and docs landing pages using barrel exports.

Does this localization workflow support docs landing pages alongside the admin panel?▼

Yes, this localization workflow supports docs landing pages alongside the admin panel. You can apply translation key updates and namespace creation across Admin Panel, Plugins, and Docs Landing layers for en and pl languages.

Related Skills

Explore More Software Engineering Skills→
aexol-studioaexol-studio
11

admin-ui-component

Generate and register Deenruv admin UI components with @deenruv/react-ui-devkit.

Official
Advanced
lobehublobehub
81.4k

i18n

Manage react-i18next translations and locale data in React applications.

Official
Intermediate
aaaa47080aaaa47080
4

i18n

Replace hardcoded Chinese strings with i18n.t keys in JavaScript projects.

Community
Intermediate
mabdulraufmabdulrauf

i18n

Centralize React app translations with structured keys and react-i18next namespaces.

Community
Intermediate