Skills
.Work. You
Rest

angular-professional-design

Community

Angular احترافي لتصميم واجهات عالية الدقة

Design & Creative#theming#angular#i18n#pwa#ui-design#design-system#rtl
Authoralabasi2025
Version1.0.0
Installs0

System Documentation

What problem does it solve?

إطار تصميم Angular احترافي يوحّد معايير الواجهة عبر القطاعات المختلفة ويضمن اتساق الهوية ورفع جودة التطوير.

Core Features & Use Cases

  • نظام تصميم متكامل لـ Angular مع قوالب ومكونات وقواعد تصميم قابلة لإعادة الاستخدام عبر المشاريع.
  • إرشادات القطاع والتخصيص تدعم 23 قطاعًا وتوجّه الفرق لتطبيق Design System موثوق.
  • أداء وتحسين وتجربة مستخدم يتضمن الثيمات (Light/Dark)، RTL، التدويل (i18n)، وPWA.
  • إرشادات التصميم والتوثيق لضمان الاتساق عبر المنتجات، مع إرشادات للوصول والأداء والتدويل.

Quick Start

ابدأ بتشغيل السكريبت init-design-system.sh لإنشاء بنية SCSS كاملة ثم استكشف references/design-principles.md وreferences/industry-palettes.md وtemplates/components/ وtemplates/pages/ لتوحيد أساليب التصميم.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: angular-professional-design
Download link: https://github.com/alabasi2025/manus-skills-library/archive/main.zip#angular-professional-design

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 471,000+ vetted skills library on demand.