·phase-5-design-system
*

phase-5-design-system

مهارة بناء أنظمة تصميم مستقلة عن المنصة. يطور مكتبات مكونات متسقة لجميع أطر عمل واجهة المستخدم. استخدم بشكل استباقي عندما يحتاج المستخدم إلى مكونات واجهة مستخدم متسقة أو يذكر رموز التصميم المميزة. المشغلات: نظام التصميم، مكتبة المكونات، رموز التصميم، shadcn، 디자인 시스템، デザインシステム، 设计系统، نظام التصميم، مكتبة المكونات، رموز التصميم، نظام التصميم، مكتبة المكونات، نفاثات التصميم، نظام التصميم، Komponentenbibliothek، رموز التصميم، نظام التصميم، مكتبة المكونات، رمز التصميم لا تستخدمه من أجل: تغييرات واجهة المستخدم لمرة واحدة، أو تطوير الواجهة الخلفية، أو المواقع الثابتة البسيطة.

41التثبيتات·2الرائج·@popup-studio-ai

التثبيت

$npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system

كيفية تثبيت phase-5-design-system

ثبّت مهارة الذكاء الاصطناعي phase-5-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: popup-studio-ai/bkit-claude-code.

Build a reusable UI component library. Enable consistent design and fast development.

A design system is a collection of reusable components and clear standards that enables building consistent user experiences at scale.

| Designer-developer mismatch | Single Source of Truth | | Duplicate component development | Reusable component library | | Inconsistent UI/UX | Unified design tokens and rules | | Increased maintenance cost | Centralized change management | | Delayed new member onboarding | Documented component catalog |

مهارة بناء أنظمة تصميم مستقلة عن المنصة. يطور مكتبات مكونات متسقة لجميع أطر عمل واجهة المستخدم. استخدم بشكل استباقي عندما يحتاج المستخدم إلى مكونات واجهة مستخدم متسقة أو يذكر رموز التصميم المميزة. المشغلات: نظام التصميم، مكتبة المكونات، رموز التصميم، shadcn، 디자인 시스템، デザインシステム، 设计系统، نظام التصميم، مكتبة المكونات، رموز التصميم، نظام التصميم، مكتبة المكونات، نفاثات التصميم، نظام التصميم، Komponentenbibliothek، رموز التصميم، نظام التصميم، مكتبة المكونات، رمز التصميم لا تستخدمه من أجل: تغييرات واجهة المستخدم لمرة واحدة، أو تطوير الواجهة الخلفية، أو المواقع الثابتة البسيطة. المصدر: popup-studio-ai/bkit-claude-code.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from popup-studio-ai/bkit-claude-code

إجابات سريعة

ما هي phase-5-design-system؟

مهارة بناء أنظمة تصميم مستقلة عن المنصة. يطور مكتبات مكونات متسقة لجميع أطر عمل واجهة المستخدم. استخدم بشكل استباقي عندما يحتاج المستخدم إلى مكونات واجهة مستخدم متسقة أو يذكر رموز التصميم المميزة. المشغلات: نظام التصميم، مكتبة المكونات، رموز التصميم، shadcn، 디자인 시스템، デザインシステム، 设计系统، نظام التصميم، مكتبة المكونات، رموز التصميم، نظام التصميم، مكتبة المكونات، نفاثات التصميم، نظام التصميم، Komponentenbibliothek، رموز التصميم، نظام التصميم، مكتبة المكونات، رمز التصميم لا تستخدمه من أجل: تغييرات واجهة المستخدم لمرة واحدة، أو تطوير الواجهة الخلفية، أو المواقع الثابتة البسيطة. المصدر: popup-studio-ai/bkit-claude-code.

كيف أثبّت phase-5-design-system؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/popup-studio-ai/bkit-claude-code --skill phase-5-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/popup-studio-ai/bkit-claude-code

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01