技能 i18n-automation
🌐

i18n-automation

安全 🌐 网络访问📁 文件系统访问⚙️ 外部命令

Automatize a internacionalização de aplicações web com fluxos de trabalho i18n completos

Construir aplicações web multilíngues requer configuração complexa de bibliotecas de tradução, gerenciamento de chaves e roteamento de localidades. Esta skill automatiza todo o fluxo de trabalho i18n desde a instalação de bibliotecas até a geração de traduções e otimização SEO.

支持: Claude Codex Code(CC)
⚠️ 68
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

3

开启并开始使用

测试它

正在使用“i18n-automation”。 Set up i18n for my React app with English and Japanese, including AI translation

预期结果:

  • Instalados pacotes react-i18next e i18next
  • Criada configuração i18n.js com suporte a en e ja
  • Geradas 127 chaves de tradução de seus componentes
  • Criados arquivos de localidade: locales/en.json e locales/ja.json
  • 127 strings traduzidas para japonês por IA com consciência de contexto
  • Adicionado componente LanguageSwitcher ao header
  • Atualizados 23 componentes para usar o hook useTranslation
  • Configurados localidade de fallback e tratamento de erros
  • Testada funcionalidade de troca de idioma

正在使用“i18n-automation”。 Add Arabic RTL support to my Next.js application with complete layout mirroring

预期结果:

  • Instalado next-intl com configuração RTL
  • Adicionado árabe (ar) às localidades suportadas
  • Criado middleware consciente de RTL para detecção de direção
  • Atualizado CSS para usar propriedades lógicas (margin-inline-start, padding-inline-end)
  • Espelhados ícones e imagens para visualização RTL
  • Testadas todas as páginas renderizando corretamente em modo direita-para-esquerda
  • Configurado seletor de idioma para alternar RTL corretamente

安全审计

安全
v5 • 1/17/2026

This is a documentation-only skill with 3 non-executable files. SKILL.md contains code examples, skill-report.json has metadata, and i18n-automation-process.dot is a Graphviz flowchart. All static findings are false positives triggered by documentation patterns: backticks in JS template literals (not shell execution), placeholder URLs in examples (not actual endpoints), and standard JSON field names flagged as C2. No executable code, network requests, or file operations exist.

3
已扫描文件
941
分析行数
3
发现项
5
审计总数
审计者: claude 查看审计历史 →

质量评分

38
架构
100
可维护性
87
内容
20
社区
100
安全
78
规范符合性

你能构建什么

Lance MVP multilíngue rapidamente

Traduza sua landing page para 5 idiomas usando tradução IA para testes rápidos de mercado internacional

Expanda aplicação existente globalmente

Adicione fluxo de trabalho de tradução profissional a aplicação React estabelecida com mais de 50 componentes

Localize experiência de compra

Implemente i18n completo para catálogos de produtos, checkout e suporte ao cliente em 12 mercados

试试这些提示

Configuração básica de i18n
Set up internationalization for my Next.js app. Support English, Japanese, and Spanish. Use next-intl library. Create language switcher in header. Include SEO metadata translation.
Adicionar novo idioma
Add German (de) language support to my existing React app with react-i18next. Use AI translation for all strings. Maintain consistent key structure with existing translations.
Suporte a idioma RTL
Add Arabic language support to my Vue app with full RTL implementation. Mirror layouts, update CSS, and test rendering. Include proper text alignment and icon mirroring.
Fluxo de trabalho de tradução profissional
Set up professional translation workflow for my Next.js app. Export XLIFF files for translator, import completed translations, and validate quality. Support 8 languages with cultural adaptation.

最佳实践

  • Use nomenclatura hierárquica de chaves como landing.hero.title para melhor organização e manutenibilidade
  • Implemente carregamento preguiçoso para arquivos de tradução para melhorar desempenho de carregamento inicial da página
  • Teste idiomas RTL no início do desenvolvimento para detectar problemas de layout antes que se acumulem

避免

  • Evite codificar códigos de idioma por toda a aplicação - use objetos de configuração em vez disso
  • Nunca concatene strings traduzidas - use interpolação com variáveis para conteúdo dinâmico
  • Não pule a configuração de localidade de fallback - previne páginas em branco se traduções estiverem faltando

常见问题

Qual biblioteca i18n devo escolher para meu framework?
Next.js: next-intl (melhor suporte ao app router). React: react-i18next (mais maduro). Vue: vue-i18n (oficial). Cada um é otimizado para seu ecossistema.
Quantos idiomas posso adicionar de uma vez?
Sem limite técnico, mas recomendamos 3-5 para lançamento inicial. Adicionar mais posteriormente é direto com a arquitetura da skill.
Isso pode integrar com meu serviço de tradução existente?
Sim. A skill suporta exportação XLIFF e JSON para serviços profissionais como Locize, Crowdin ou Phrase, e então importa traduções concluídas.
Meu conteúdo está seguro durante tradução IA?
A skill processa traduções localmente. Nenhum dado é enviado para serviços externos a menos que você configure explicitamente APIs de tradução profissional.
E se as traduções quebrarem meu layout?
A skill inclui suporte RTL e considerações de design responsivo. Teste com as traduções mais longas esperadas e use propriedades lógicas CSS.
Como isso se compara ao widget Google Translate?
i18n nativo proporciona melhor SEO, desempenho e experiência do usuário. Google Translate frequentemente quebra layouts e não consegue acessar conteúdo dinâmico.