Menu
Adding translations and multilingual routing to a Huuma UI app with setupI18n, useI18n middleware, and the T component.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Adding server-side mutations and form handling to a Huuma UI app with type-safe .remote.ts functions.
Diagnosing and fixing Huuma UI lint violations and runtime errors after they occur.
Editing root.tsx, entry points, dev/prod workflow, environment variables, and the Huuma UI build pipeline.
Building or navigating a Huuma UI app — file conventions, server/client boundary rules, dev workflow, and where to look for authoritative answers.
Adding client interactivity to a Huuma UI app with `.client.tsx` islands, on-* events, refs, and hydration boundaries.
Adding Huuma UI pages, layouts, routes, dynamic params, data loading with resolvers, metadata, and middleware.
| name | huuma-ui-i18n |
| description | Adding translations and multilingual routing to a Huuma UI app with setupI18n, useI18n middleware, and the T component. |
Use this skill when the agent is adding translations, multilingual routing, or locale-dependent text in a Huuma UI app.
setupI18n(options) from @huuma/ui/i18n.useI18n() from @huuma/ui/i18n/middleware so URLs are prefixed with /<lang>.setupI18n + useI18n example./<lang>.app/ are language-agnostic; the language prefix is handled by middleware.$t() or <T name="key" />.$t, $activeLang, and $languages.name="a.b.c" resolves a.b.c in the dictionary.{{param}} syntax: <T name="greeting" props={{ name: "World" }} />.$activeLang gives the current language.$languages gives the configured languages.dangerouslyInnerHTML prop for raw HTML translations.@huuma/ui/i18n — core i18n API (setupI18n, T, $t, $activeLang, $languages). Inspect with deno doc jsr:@huuma/ui/i18n.@huuma/ui/i18n/middleware — language-prefix middleware (useI18n). Inspect with deno doc jsr:@huuma/ui/i18n/middleware.useI18n middleware is registered before localized routes are served.$url, $route) respect the active language prefix.