i18n-localization
Añadir Internacionalización a Tu Aplicación
Esta habilidad ayuda a los desarrolladores a detectar cadenas hardcodeadas y gestionar traducciones para aplicaciones multilingües. Proporciona patrones para proyectos en React, Vue y Python.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“i18n-localization”。 Ejecutar comprobador i18n en mi proyecto React
预期结果:
- El comprobador escanea tus archivos de código y JSON de localización, luego reporta los idiomas encontrados, claves de traducción faltantes y archivos con cadenas hardcodeadas que necesitan conversión para usar claves de traducción.
正在使用“i18n-localization”。 ¿Cómo configuro i18n en Next.js?
预期结果:
- Usa la librería next-intl. Crea una carpeta messages con archivos JSON de localización, configura el provider en tu layout, y usa el hook useTranslations para acceder a las traducciones en componentes.
正在使用“i18n-localization”。 ¿Cuáles son las mejores prácticas para i18n?
预期结果:
- Usa claves de traducción en lugar de texto crudo, organiza las traducciones por namespace de funcionalidad, soporta pluralización con formato ICU, usa la API Intl para fechas y números, y planifica RTL desde el inicio.
安全审计
安全All static findings evaluated as false positives. The skill provides i18n best practices documentation and a Python checker script. No actual security risks detected.
质量评分
你能构建什么
Auditar código existente para preparación i18n
Ejecuta el comprobador i18n para encontrar cadenas hardcodeadas y claves de traducción faltantes en tu código
Aprender mejores prácticas de i18n
Consulta la documentación para implementar patrones adecuados de internacionalización para tu framework
Configurar soporte para idiomas RTL
Configura tu aplicación para idiomas de derecha a izquierda usando propiedades lógicas de CSS
试试这些提示
Usa el script i18n checker para escanear mi directorio del proyecto en busca de cadenas hardcodeadas. Ejecuta: python scripts/i18n_checker.py <project_path>. Analiza los resultados y explica qué necesita ser traducido.
Muéstrame cómo configurar react-i18next en un proyecto React. Incluye la configuración del provider, la estructura de archivos de traducción y cómo usar el hook useTranslation en componentes.
Explica cómo añadir soporte RTL (derecha a izquierda) para árabe o hebreo. Muestra los cambios de CSS necesarios y cómo manejar el cambio de dirección.
Usa el comprobador i18n para verificar que todas las claves de traducción existen en mis archivos JSON de localización. Reporta cualquier clave faltante por idioma.
最佳实践
- Usa claves de traducción (como 'common.buttons.submit') en lugar de cadenas de texto crudas
- Organiza las traducciones por namespace de funcionalidad (auth.json, errors.json, etc.)
- Usa propiedades lógicas de CSS (margin-inline-start) para compatibilidad con RTL
避免
- Hardcodear cadenas visibles para el usuario directamente en componentes
- Concatenar cadenas traducidas con texto regular
- Asumir que la longitud del texto se mantiene igual entre idiomas