Arabic RTL Layout Checker Skill for Openclaw

An automated review skill that checks Arabic and right-to-left layout alignment, text shaping, translation quality, and typography before you publish.

abdullah944
v0.1.0
Jun 14, 2026
0
540
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install arabic-rtl-layout-checker-skill

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install arabic-rtl-layout-checker-skill using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Arabic RTL Layout Checker Skill?

The Arabic RTL Layout Checker Skill is a powerful design and localization review tool built to ensure your right-to-left (RTL) content is flawless before deployment. Operating as one of the essential Openclaw Skills, this tool acts as an automated quality assurance assistant that thoroughly analyzes Arabic and bilingual Arabic/English layouts. It catches common design, translation, typography, and structural alignment mistakes that often disrupt RTL interfaces.

By integrating this skill into your development workflow, teams can eliminate layout bugs like reversed icons, broken Arabic character connection (shaping), font rendering issues, and improper punctuation alignment. Whether you are validating a mobile application interface, a landing page, or a bilingual PDF document, this asset from the catalog of Openclaw Skills ensures a natural, native reading experience for Arabic audiences without risking private data exposure.

Arabic RTL Layout Checker Skill Use Cases

  • Reviewing Arabic and bilingual UI screens, dashboards, forms, and web interfaces during the development cycle.
  • Auditing right-to-left presentation slides, social media carousels, infographics, and PDF publications.
  • Spotting translation inconsistencies and literal machine-translation issues before client delivery.
  • Resolving RTL directional bugs such as broken character shaping, misaligned navigation arrows, and flipped layout elements.
  • Validating mixed-character strings containing numbers, URLs, and brand names alongside Arabic script.

How Arabic RTL Layout Checker Skill Works

  1. Receive Design Context: The user provides the target layout format (web, UI, PDF, slide) along with the Arabic text, screenshot, brand parameters, and target regional dialect.
  2. Analyze Structural Flow: The skill reviews reading direction, ensuring the main content naturally flows right-to-left and that sequential items (like lists and numbered steps) are properly ordered.
  3. Inspect Typography and Shaping: It checks character connection (Arabic shaping), font support compatibility, and line height to prevent letter clipping.
  4. Validate Alignment and Mirroring: The layout is evaluated for correct right-to-left text alignment, padding, and proper mirroring of directional icons while leaving static assets (logos, QR codes) untouched.
  5. Generate Severity-Based Report: A structured report is outputted containing Main Findings, Actionable Fixes categorised by severity (Blocker, Fix, Polish, OK), and a final recommendation.

Arabic RTL Layout Checker Skill Setup

To deploy and utilize this parser within your directory, clone or save this configuration into your local environment where your agent execution platform resides. First, verify that your agent environment is configured to run custom Openclaw Skills.

# Create a skills directory if you do not have one
mkdir -p .claw/skills

# Download or copy the Arabic RTL Layout Checker Skill manifest
cat << 'EOF' > .claw/skills/arabic-rtl-checker.md
---
name: "Arabic RTL Layout Checker Skill"
version: 0.1.0
slug: "arabic-rtl-layout-checker-skill"
category: "Arabic Localization"
---
EOF

Once configured, prompt your AI agent to initiate an RTL layout review pass on your frontend assets.

Arabic RTL Layout Checker Skill Data Schema & Taxonomy

This skill organizes its review workflow utilizing input variables and outputs a standardized, severity-tiered reporting schema.

Input Schema

Parameter Type Description Required
target_format String e.g., app screen, website, post, PDF, slide Yes
content_asset Image / Text The Arabic script, draft text, or layout screenshot to review Yes
target_dialect String Dialect or region (e.g., Gulf, formal, mixed) No
brand_rules String Brand guidelines (logos, fixed elements, slogans) No
strictness String Level of audit (strict, quick, publish-ready) No

Severity Levels

  • BLOCKER: Broken Arabic text shaping, unreadable content, wrong text direction, or critical visual clipping.
  • FIX: Awkward layout spacing, minor translation issues, or misalignment.
  • POLISH: Recommended aesthetic layout micro-adjustments.
  • OK: Passing parameters.

Arabic RTL Layout Checker Skill Advanced Features

  • Automated bilingual text rendering parity audits between English source files and Arabic counterparts.
  • Smart icon mirroring logic that distinguishes directional navigation elements (requiring flip) from brand logos and static icons (which must never be mirrored).
  • Direct visual feedback support allowing layout analysis via screenshots alongside raw text strings.
  • Custom localization compliance checking matching specific Middle Eastern regional dialects (e.g., Gulf vs. Modern Standard Arabic).
  • Deep inspection of complex mixed-direction text (BiDi) containing nested English URLs, telephone numbers, and bracket formatting.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*