·tui-design

يجب استخدام هذه المهارة عند تصميم واجهات المستخدم الطرفية، أو إنشاء تخطيطات TUI، أو اختيار أنظمة ألوان TUI، أو تنفيذ التنقل عبر لوحة المفاتيح، أو إنشاء لوحات معلومات طرفية، أو العمل مع أي إطار عمل TUI. يتم التنشيط عند الإشارة إلى تصميم TUI، وواجهة المستخدم الطرفية، وتخطيط Ratatui، ومكونات الحبر، والأدوات النصية، وطرق عرض Bubbletea، ولوحة الألوان الطرفية، وتصميم ربط المفاتيح، وتخطيط اللوحة، والأجزاء المقسمة، ولوحة المعلومات الطرفية، وأحرف رسم المربع، وخطوط المؤشرات، وأشرطة التقدم، ومربعات الحوار المشروطة، وإدارة التركيز، أو إمكانية الوصول إلى الوحدة الطرفية.

55التثبيتات·20الرائج·@hyperb1iss

التثبيت

$npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design

كيفية تثبيت tui-design

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

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

المصدر: hyperb1iss/hyperskills.

Universal design patterns for building exceptional terminal user interfaces. Framework-agnostic — works with Ratatui, Ink, Textual, Bubbletea, or any TUI toolkit.

Core philosophy: TUIs earn their power through spatial consistency, keyboard fluency, and information density that respects human attention. Design for the expert's speed without abandoning the beginner's discoverability.

| File manager | Miller Columns | yazi, ranger | | Git / DevOps tool | Persistent Multi-Panel | lazygit, lazydocker | | System monitor | Widget Dashboard | btop, bottom, oxker | | Data browser / K8s | Drill-Down Stack | k9s, diskonaut | | SQL / HTTP client | IDE Three-Panel | harlequin, posting | | Shell augmentation | Overlay / Popup | atuin, fzf |

يجب استخدام هذه المهارة عند تصميم واجهات المستخدم الطرفية، أو إنشاء تخطيطات TUI، أو اختيار أنظمة ألوان TUI، أو تنفيذ التنقل عبر لوحة المفاتيح، أو إنشاء لوحات معلومات طرفية، أو العمل مع أي إطار عمل TUI. يتم التنشيط عند الإشارة إلى تصميم TUI، وواجهة المستخدم الطرفية، وتخطيط Ratatui، ومكونات الحبر، والأدوات النصية، وطرق عرض Bubbletea، ولوحة الألوان الطرفية، وتصميم ربط المفاتيح، وتخطيط اللوحة، والأجزاء المقسمة، ولوحة المعلومات الطرفية، وأحرف رسم المربع، وخطوط المؤشرات، وأشرطة التقدم، ومربعات الحوار المشروطة، وإدارة التركيز، أو إمكانية الوصول إلى الوحدة الطرفية. المصدر: hyperb1iss/hyperskills.

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

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

أمر التثبيت
npx skills add https://github.com/hyperb1iss/hyperskills --skill tui-design
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from hyperb1iss/hyperskills

إجابات سريعة

ما هي tui-design؟

يجب استخدام هذه المهارة عند تصميم واجهات المستخدم الطرفية، أو إنشاء تخطيطات TUI، أو اختيار أنظمة ألوان TUI، أو تنفيذ التنقل عبر لوحة المفاتيح، أو إنشاء لوحات معلومات طرفية، أو العمل مع أي إطار عمل TUI. يتم التنشيط عند الإشارة إلى تصميم TUI، وواجهة المستخدم الطرفية، وتخطيط Ratatui، ومكونات الحبر، والأدوات النصية، وطرق عرض Bubbletea، ولوحة الألوان الطرفية، وتصميم ربط المفاتيح، وتخطيط اللوحة، والأجزاء المقسمة، ولوحة المعلومات الطرفية، وأحرف رسم المربع، وخطوط المؤشرات، وأشرطة التقدم، ومربعات الحوار المشروطة، وإدارة التركيز، أو إمكانية الوصول إلى الوحدة الطرفية. المصدر: hyperb1iss/hyperskills.

كيف أثبّت tui-design؟

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

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

https://github.com/hyperb1iss/hyperskills

التفاصيل

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