skills.rest
Gal9amar
Gal9amarCOMMUNITY
Explore all skills by this author →
GitHub

israeli-ui-design-system

Generate RTL-first Israeli UI design system scaffolds for React, Vue, and HTML/CSS.

Updated Apr 1, 2023
Search Tags:#ui-components#design-tokens#rtl#israeli design system#hebrew typography#gov.il
One-click install
npx skills add https://github.com/Gal9amar/new-unlock --skill israeli-ui-design-system-gal9amar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: israeli-ui-design-system
Source: https://github.com/Gal9amar/new-unlock/tree/main/.agents/skills/israeli-ui-design-system
Command: npx skills add https://github.com/Gal9amar/new-unlock --skill israeli-ui-design-system-gal9amar

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This design system provides a ready-to-use RTL-first framework for building Hebrew UI components, typography, and gov.il-aligned patterns, reducing time-to-delivery and ensuring accessible Hebrew interfaces.

Core Features & Use Cases

  • RTL-first component primitives (buttons, cards, forms) with Hebrew typography and consistent spacing.
  • Gov.il-inspired patterns and institutional UI cues for government portals and Israeli products.
  • Design tokens, typography guidelines, and bilingual considerations for Hebrew/English interfaces.
  • Use Case: Build a Hebrew government service portal or Israeli SaaS with predictable RTL behavior and typography.

Quick Start

Instantiate the Israeli RTL UI design system scaffold and begin composing Hebrew components immediately.

Frequently Asked Questions about israeli-ui-design-system

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

FAQPage Schema
How do I build a Hebrew RTL UI design system for a React or Vue project?▼

Instantiate the provided scaffold to get RTL-first component primitives, Hebrew typography, gov.il-inspired patterns, and design tokens for immediate React, Vue, or vanilla HTML/CSS interface composition.

What is RTL-first architecture and when do I need it for Hebrew interfaces?▼

RTL-first architecture builds interfaces with right-to-left layout as the default rather than a secondary adaptation, needed when building Israeli government portals or SaaS products requiring predictable Hebrew typography.

Can I use gov.il design patterns and Hebrew typography in vanilla HTML and CSS?▼

Yes, the scaffold supports gov.il design patterns and Hebrew typography in vanilla HTML and CSS projects, providing institutional UI cues and design tokens without requiring a JavaScript framework.

Does this Hebrew UI design system include design tokens for bilingual Hebrew and English interfaces?▼

Yes, the system includes design tokens and typography guidelines with bilingual considerations for Hebrew and English interfaces, ensuring consistent spacing and styled component behavior across languages.

What's the best way to ensure accessible Hebrew typography in an Israeli government portal?▼

The best way to ensure accessible Hebrew typography is to use a ready-to-use RTL-first framework that provides institutional UI cues, gov.il-aligned patterns, and consistent spacing for predictable interface behavior.

Related Skills

Explore More Design & Creative Skills→
davidbeglenboyledavidbeglenboyle
2

frontend-design

Generate production-grade HTML/CSS/JS frontend interfaces from design briefs.

Community
Advanced
Qmop1967Qmop1967

tsh-component

Standardize React UI components with shadcn/ui, dark mode, and RTL support.

Community
Intermediate
skills-ilskills-il
6

presentation-generator

Generate Hebrew presentations with RTL layout in Marp or PowerPoint.

Official
Advanced
MSApps-MobileMSApps-Mobile
8

rtl-chat

Format chat responses to prevent RTL/LTR word-order errors.

Official
Intermediate