Skills
.Work. You
Rest

rcode-haitham-frontend

Community

Ship pixel-perfect bilingual UIs fast

Software Engineering#accessibility#frontend#react#next.js#tailwind#pixel-perfect#rtl
Authorhanzlahabib
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes the friction from building production frontend interfaces by turning UI requests, mockups, and bug reports into polished React and Next.js implementations with strong RTL, accessibility, and performance discipline.

Core Features & Use Cases

  • Frontend feature delivery: Build components, pages, and interactions in React, Next.js, Tailwind, and shadcn/ui.
  • Pixel-perfect cloning: Recreate screenshots, Figma mockups, and existing websites with close visual fidelity.
  • Bilingual UI support: Handle Arabic-English layouts, RTL behavior, and locale-aware presentation correctly.
  • Accessibility and quality: Improve keyboard navigation, ARIA, focus management, and production-ready component structure.

Quick Start

Use the haitham-frontend skill to implement the attached UI with pixel-perfect, accessible, RTL-safe React and Next.js code.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rcode-haitham-frontend
Download link: https://github.com/hanzlahabib/rcode/archive/main.zip#rcode-haitham-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.