---
title: "Generate right-to-left CSS variants from LTR stylesheets before multilingual launches with RTLCSS"
description: "Use RTLCSS when an agent already has left-to-right stylesheets and must prepare a right-to-left variant for Arabic, Hebrew, or other RTL interfaces. The skill transforms directional CSS rules into an RTL companion stylesheet so localization work does not require hand-editing every margin, padding, float, and alignment rule."
verification: "security_reviewed"
source: "https://github.com/MohammadYounes/rtlcss"
author: "Mohammad Younes"
publisher_type: "user"
category:
  - "Templates & Workflows"
framework:
  - "Custom Agents"
tool_ecosystem:
  github_repo: "MohammadYounes/rtlcss"
  github_stars: 1708
---

# Generate right-to-left CSS variants from LTR stylesheets before multilingual launches with RTLCSS

Use RTLCSS when an agent already has left-to-right stylesheets and must prepare a right-to-left variant for Arabic, Hebrew, or other RTL interfaces. The skill transforms directional CSS rules into an RTL companion stylesheet so localization work does not require hand-editing every margin, padding, float, and alignment rule.

## Prerequisites

Node.js

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
npm install rtlcss
```

## Documentation

- https://rtlcss.com/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/generate-right-to-left-css-variants-from-ltr-stylesheets-before-multilingual-launches-rtlcss/)