CommunityProgramación y desarrollogithub.com

unbywyd/claude-skill-rtl-react-native

Habilidad de agente para configurar y gestionar la compatibilidad con escritura de derecha a izquierda (RTL) en aplicaciones React Native.

¿Qué es claude-skill-rtl-react-native?

Esta habilidad de agente (unbywyd/claude-skill-rtl-react-native) está diseñada para ayudar a desarrolladores a agregar y gestionar soporte para escritura de derecha a izquierda (RTL) en aplicaciones React Native. Es útil para crear aplicaciones multilingües que admiten idiomas como árabe, hebreo o persa. La habilidad se basa en las APIs nativas de React Native para RTL, como `I18nManager`, y guía al agente en la configuración del layout, el uso de componentes flexibles y la prueba de la interfaz de usuario en modo RTL. Está diseñada para integrarse con agentes de IA como Claude Code o Cursor, permitiendo automatizar la detección y adaptación de textos, estilos y navegación en entornos RTL. El repositorio contiene plantillas y ejemplos que el agente puede aplicar directamente en el código del proyecto, acelerando el desarrollo y reduciendo errores manuales.

Compatible con✓Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add unbywyd/claude-skill-rtl-react-native

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace claude-skill-rtl-react-native?

Repositorio de GitHub relacionado con habilidades de agente recientemente actualizado: unbywyd/claude-skill-rtl-react-native.

Descripción

Esta habilidad proporciona al agente la capacidad de configurar y gestionar la compatibilidad con escritura de derecha a izquierda (RTL) en aplicaciones React Native. Incluye guías y plantillas para manejar direcciones de texto, ajustar estilos de layout y probar la interfaz de usuario en modo RTL.

Requisitos

  • React Native 0.60 o superior
  • Dependencia react-native con soporte para I18nManager

Uso

El agente puede invocar esta habilidad para:

  • Habilitar RTL globalmente usando I18nManager.forceRTL(true)
  • Ajustar estilos de componentes para soportar direcciones de texto flexibles
  • Probar la navegación y el layout en modo espejo RTL
  • Validar que las animaciones y gestures funcionen correctamente en RTL

Ejemplo

import { I18nManager } from 'react-native';

I18nManager.forceRTL(true);

Notas

  • Asegúrate de reiniciar la aplicación después de cambiar la configuración RTL.
  • Usa flexDirection: 'row-reverse' y textAlign: 'right' para estilos condicionales.

Skills relacionados