skills.rest
GetStream
GetStreamOFFICIAL
Explore all skills by this author →
WebsiteGitHub

rtl

Audit RTL layout compatibility in Stream Chat React Native code changes.

1.2k|377|Updated Mar 28, 2019
Search Tags:#RTL#RTL audit#layout compatibility#layout adjustment#Stream Chat React Native
One-click install
npx skills add https://github.com/GetStream/stream-chat-react-native --skill rtl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rtl
Source: https://github.com/GetStream/stream-chat-react-native/tree/main/.claude/skills/rtl
Command: npx skills add https://github.com/GetStream/stream-chat-react-native --skill rtl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps maintain and audit RTL (right-to-left) layout compatibility in Stream Chat React Native, ensuring a seamless user experience for RTL locales.

Core Features & Use Cases

  • RTL Audit: Checks code changes for RTL compatibility issues.
  • Layout Adjustment: Guides on using logical properties and conditionals for RTL.
  • Icon and Gesture Handling: Provides best practices for icons and swipe gestures in RTL.
  • Use Case: When updating styles or components in Stream Chat React Native, use this Skill to ensure the layout remains correct in both LTR and RTL modes.

Quick Start

Run the 'rtl' skill to perform an RTL compatibility audit on your latest code changes.

Frequently Asked Questions about rtl

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit RTL layout compatibility in Stream Chat React Native?▼

To audit RTL layout compatibility, run this Skill to check code changes for text alignment, icons, gestures, and positioning issues specific to RTL locales in Stream Chat React Native.

What is the best way to adjust React Native styles for RTL locales?▼

The best way to adjust styles for RTL locales is to use logical properties and conditionals, ensuring your layout remains correct in both LTR and RTL modes within Stream Chat React Native.

How do I handle icons and swipe gestures in RTL layouts?▼

Handling icons and swipe gestures in RTL layouts requires applying specific best practices for directional adjustments, ensuring gestures and icons mirror correctly for right-to-left users.

Do I need prior React Native knowledge to fix RTL text alignment issues?▼

Yes, you need prior knowledge of React Native and an understanding of RTL layout principles to effectively identify and address text alignment and positioning issues in RTL locales.

Why does my Stream Chat React Native layout break in RTL mode?▼

Your layout breaks in RTL mode due to unhandled text alignment, icons, gestures, or positioning issues, which require auditing code changes for RTL compatibility.

Can I use this RTL audit for standard React Native applications?▼

This Skill focuses specifically on auditing and maintaining RTL layout compatibility within Stream Chat React Native, rather than standard React Native applications.

Related Skills

Explore More Software Engineering Skills→
El3tar-cmdEl3tar-cmd
18

revenuecat

Configure RevenueCat projects, apps, products, entitlements, offerings, and packages via seed scripts.

Community
Advanced
KentoShimizuKentoShimizu
7

localization-qa

Validate localized UI strings, layout resilience, and locale-specific behavior before release.

Community
Advanced
coastdigitalgroupcoastdigitalgroup
2

rtl-layout-implementation

Implement bidirectional web layouts using CSS Logical Properties.

Official
Advanced
carlos3gcarlos3g
2

vercel-react-native-skills

Optimize React Native app performance with rendering, list, animation, and UI guidelines.

Community
Advanced