Menu
Adding translations and multilingual routing to a Huuma UI app with setupI18n, useI18n middleware, and the T component.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| 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.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.