Agent skill

Rtl Aware Development

OpenCode Desktop should be RTL-aware. An agent skill from SeeRay11/OpenFlow.

Install Rtl Aware Development

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .claude/skills/rtl-aware-development && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .claude/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .agents/skills/rtl-aware-development && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .agents/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .cursor/skills/rtl-aware-development && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .cursor/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/SeeRay11/OpenFlow.git --path .opencode/skills/rtl-aware-development

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .gemini/skills/rtl-aware-development && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .gemini/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .github/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .github/skills/rtl-aware-development && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .github/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install SeeRay11/OpenFlow rtl-aware-development --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/SeeRay11/OpenFlow.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.opencode/skills/rtl-aware-development .opencode/skills/rtl-aware-development && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "rtl-aware-development" agent skill from https://github.com/SeeRay11/OpenFlow/tree/dev/.opencode/skills/rtl-aware-development into .opencode/skills/rtl-aware-development/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "rtl-aware-development", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: rtl-aware-development
GitHub stars: 108
Token cost: ~1k tokens
SKILL.md length: 357 words
Files: 1
Skills in repo: 1
Repo updated: Sep 8, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

OpenCode Desktop should be RTL-aware. An agent skill from SeeRay11/OpenFlow.

Reviewing RTL/LTR behavior in the web app
SKILL.md covers Guidelines, Test Matrix and References
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
Mixed-direction text

What it does

Rtl Aware Development is an agent skill from SeeRay11/OpenFlow. OpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Agent Workflows, covering Multi-agent orchestration. The repository describes itself as: OpenFlow — a visual builder for multi-agent AI workflows, built on the opencode engine. The licence is MIT.

When your agent uses it

Reviewing RTL/LTR behavior in the web app
Mixed-direction text
Electron title bars

Example prompts

“/rtl-aware-development”

What it can do on your machine

Read from SKILL.md and the folder at commit 23fb2cb. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are css and html).
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
- w3.org
- developer.mozilla.org
- css-tricks.com
- rtlstyling.com
- web.dev
- electronjs.org
- kobalte.dev
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Rtl Aware Development loads about 1k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 357 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~57
When it runs · the whole SKILL.md, loaded when a task matches: ~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from SeeRay11/OpenFlow at commit 23fb2cb, republished under its MIT licence (© SeeRay11). 357 words, ~1,025 tokens.

Download SKILL.mdSave it as .claude/skills/rtl-aware-development/SKILL.md (or your agent's skills folder).

name: rtl-aware-development
description: OpenCode Desktop should be RTL-aware. Use when implementing or reviewing RTL/LTR behavior in the web app, desktop app, CSS, menus, scrolling, resizing, icons, mixed-direction text, or Electron title bars.

RTL-Aware Development

Treat direction as independent from language. Test English in both directions as well as real RTL and mixed-script content.

Guidelines

Set lang and dir on the document, and propagate direction through component providers used by portaled menus and popovers. Do not change the selected locale merely to force RTL.
Keep DOM and focus order semantic. Flexbox and Grid already follow dir; do not add row-reverse, CSS order, or reversed markup just to mirror a layout.
Prefer logical CSS for semantic layout. Reserve physical coordinates for pointer positions, canvas geometry, native window controls, and other genuinely physical placement.

css

/* Avoid */
padding-left: 12px;
right: 0;
border-right: 1px solid;
text-align: left;

/* Prefer */
padding-inline-start: 12px;
inset-inline-end: 0;
border-inline-end: 1px solid;
text-align: start;

Isolate mixed-direction text. Use dir="auto" or <bdi> for unknown text; keep code, URLs, IDs, and filesystem paths LTR without forcing the surrounding component LTR.

html

<span class="file-row"><bdi dir="auto">README.md</bdi></span> <bdi dir="ltr"><code>C:\src\app.ts</code></bdi>

Mirror directional meaning, not every image. Back/forward, previous/next, disclosure, indentation, and directional progress may need mirroring. Do not mirror brands, clocks, media controls, charts, or text. Reverse physical gradients, translateX, SVG transforms, and animation deltas explicitly.
Map interactions through direction. clientX remains physical; resizing a logical edge needs an RTL-aware delta. Logical previous/next keyboard controls may swap ArrowLeft/ArrowRight. Follow the relevant WAI-ARIA widget pattern.
Do not assume LTR scrolling. RTL scrollLeft can start at 0 and become negative. Prefer scrollIntoView({ inline: "nearest" }) or a tested direction-normalizing helper.
For Electron title bars, prefer native caption controls and use titleBarOverlay plus env(titlebar-area-*) for the safe content rectangle. Keep Windows/macOS native-control avoidance and trafficLightPosition physical; keep app navigation inside that rectangle logical. Mark interactive titlebar children app-region: no-drag.
Verify behavior, not screenshots alone. Check computed styles, pseudo-element geometry, hit zones, focus order, keyboard behavior, submenu direction, zoom/scaling, and both LTR and RTL scroll endpoints.

Show full SKILL.md (83 more words)Show less

Test Matrix

English + LTR
English + forced RTL
A real RTL locale + RTL
Mixed RTL/LTR content, long labels, numbers, code, and paths
Keyboard, pointer resize, scrolling, menus/submenus, and Electron titlebar controls in both directions

References

Files

Just SKILL.md in .opencode/skills/rtl-aware-development of SeeRay11/OpenFlow.

Open the folder on GitHubat commit 23fb2cb

Compare with similar skills

Rtl Aware Development next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Rtl Aware Development compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Rtl Aware Development this skillSeeRay11/OpenFlow	108	—	~1k	Automated safety check: Pass	MIT	1 mo ago
Onboardingagentuse/agentuse	205	—	~928	Automated safety check: Pass	Custom licence	yesterday
State ManagementOwl-Listener/ai-design-skills	181	—	~1.5k	Automated safety check: Pass	MIT	4 mo ago
Agent EnforcementMadAppGang/claude-code	284	—	~895	Automated safety check: Pass	MIT	6 mo ago
Agent Collaboration ProtocolLeoYeAI/openclaw-master-skills	2.2k	—	~1.1k	Automated safety check: Pass	MIT	2 mo ago
Agent Workflow Designerborghei/Claude-Skills	881	—	~2.3k	Automated safety check: Pass	MIT	yesterday

Similar skills

Onboarding
agentuse/agentuse
Guide a new AgentUse user from a confirmed project to one validated first agent and its first CLI or Web UI run.
205 GitHub stars~928 tokensUpdated yesterday
Frontend & DesignAuto-check passed
State Management
Owl-Listener/ai-design-skills
Managing shared context, memory, and state across multiple agents.
181 GitHub stars~1.5k tokensUpdated 4 mo ago
Frontend & DesignAuto-check passed
Agent Enforcement
MadAppGang/claude-code
Multi-agent orchestration enforcement for /team command. An agent skill from MadAppGang/claude-code.
284 GitHub stars~895 tokensUpdated 6 mo ago
Agent WorkflowsAuto-check passed
Agent Collaboration Protocol
LeoYeAI/openclaw-master-skills
Structured multi-agent collaboration for backend + frontend builds.
2.2k GitHub stars~1.1k tokensUpdated 2 mo ago
Frontend & DesignAuto-check passed
Agent Workflow Designer
borghei/Claude-Skills
Design multi-agent orchestration with workflow DAGs, routing, handoff protocols, and state management.
881 GitHub stars~2.3k tokensUpdated yesterday
Agent WorkflowsAuto-check passed
UI Agent Patterns
HermeticOrmus/LibreUIUX-Claude-Code
Patterns for delegating UI work to agents: one synthesis agent versus specialized agents, multi-agent pipelines for research, design, implementation, and review, and clean handoffs between them.
112 GitHub stars~4.6k tokensUpdated 3 days ago
Frontend & DesignAuto-check passed

Questions about Rtl Aware Development

What does Rtl Aware Development do?

OpenCode Desktop should be RTL-aware. An agent skill from SeeRay11/OpenFlow. Rtl Aware Development is an agent skill from SeeRay11/OpenFlow. OpenCode Desktop should be RTL-aware.

When should I use Rtl Aware Development?

Rtl Aware Development fits situations like: reviewing RTL/LTR behavior in the web app; mixed-direction text; electron title bars.

How do I install Rtl Aware Development in Claude Code?

Run `npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a claude-code`. Or copy the skill folder (.opencode/skills/rtl-aware-development in SeeRay11/OpenFlow) into .claude/skills/rtl-aware-development in your project. Claude Code loads it when a task matches its description.

How do I install Rtl Aware Development in Codex?

Run `npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a codex`. Or copy the skill folder (.opencode/skills/rtl-aware-development in SeeRay11/OpenFlow) into .agents/skills/rtl-aware-development in your project. Codex loads it when a task matches its description.

Can I use Rtl Aware Development in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add SeeRay11/OpenFlow --skill rtl-aware-development -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/rtl-aware-development, .gemini/skills/rtl-aware-development, .github/skills/rtl-aware-development and .opencode/skills/rtl-aware-development in your project.

What does Rtl Aware Development need to run?

SKILL.md names no scripts, command-line tools or credentials: Rtl Aware Development is instructions for the agent only.

Does Rtl Aware Development access the network?

SKILL.md names 7 domains. As links in the text: w3.org, developer.mozilla.org, css-tricks.com, rtlstyling.com, web.dev, electronjs.org and kobalte.dev. This is read from the text; nothing was executed.

Is Rtl Aware Development safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Rtl Aware Development use?

Rtl Aware Development is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Rtl Aware Development use?

About 1k tokens (SKILL.md is roughly 4.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Rtl Aware Development?

Skills that share tags, products or a category with Rtl Aware Development: Onboarding (agentuse/agentuse, 205 stars), State Management (Owl-Listener/ai-design-skills, 181 stars), Agent Enforcement (MadAppGang/claude-code, 284 stars) and Agent Collaboration Protocol (LeoYeAI/openclaw-master-skills, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Rtl Aware Development?

SeeRay11 (a GitHub user) maintains it in SeeRay11/OpenFlow, which has 108 GitHub stars. The repository was last updated on September 8, 2026.

Source: SeeRay11/OpenFlow on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Rtl Aware Development

Facts

At a glance

What it does

When your agent uses it

Example prompts

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

RTL-Aware Development

Guidelines

Test Matrix

References

Files

Compare with similar skills

Similar skills

Onboarding

State Management

Agent Enforcement

Agent Collaboration Protocol

Agent Workflow Designer

UI Agent Patterns

Related

Questions about Rtl Aware Development