·pi-tui-design
*

pi-tui-design

أنشئ مكونات TUI مميزة ومصممة لـ pi باستخدام @mariozechner/pi-tui و@mariozechner/pi-coding-agent. يُستخدم عند إنشاء واجهات مستخدم طرفية تفاعلية - المكونات المخصصة، أو التراكبات، أو مربعات الحوار، أو لوحات المعلومات، أو عناصر واجهة المستخدم، أو تصورات البيانات، أو العناصر المتحركة، أو الواجهات الشبيهة بالألعاب، أو أي واجهة TUI مرئية تعمل داخل امتدادات pi أو الأدوات المخصصة. يتم تشغيلها على: "إنشاء مكون TUI"، أو "إنشاء لوحة معلومات"، أو "إنشاء تراكب"، أو "عنصر واجهة مستخدم تفاعلي"، أو "واجهة مستخدم طرفية"، أو "مكون مخصص"، أو "pi-tui"، أو أي طلب لإنشاء واجهات طرفية مرئية وتفاعلية. يُستخدم أيضًا عند تجميل أو إعادة تصميم مكونات TUI الموجودة.

21التثبيتات·1الرائج·@joelhooks

التثبيت

$npx skills add https://github.com/joelhooks/pi-tools --skill pi-tui-design

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

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

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

المصدر: joelhooks/pi-tools.

Build terminal interfaces that feel crafted, not generated. The terminal is constrained — fixed-width character grid, keyboard only, theme-dependent colors — and those constraints are a design feature.

Terminal UIs have no font choices. Instead, the character repertoire is the typography:

| Box-drawing (light) | ─│┌┐└┘├┤┬┴┼ | Standard borders, tables | | Box-drawing (rounded) | ╭╮╰╯ | Softer, modern feel | | Box-drawing (heavy) | ━┃┏┓┗┛┣┫┳┻╋ | Emphasis, headers | | Box-drawing (double) | ═║╔╗╚╝╠╣╦╩╬ | Formal, structured | | Block elements | █▓▒░▀▄▌▐ | Progress bars, density, fill |

أنشئ مكونات TUI مميزة ومصممة لـ pi باستخدام @mariozechner/pi-tui و@mariozechner/pi-coding-agent. يُستخدم عند إنشاء واجهات مستخدم طرفية تفاعلية - المكونات المخصصة، أو التراكبات، أو مربعات الحوار، أو لوحات المعلومات، أو عناصر واجهة المستخدم، أو تصورات البيانات، أو العناصر المتحركة، أو الواجهات الشبيهة بالألعاب، أو أي واجهة TUI مرئية تعمل داخل امتدادات pi أو الأدوات المخصصة. يتم تشغيلها على: "إنشاء مكون TUI"، أو "إنشاء لوحة معلومات"، أو "إنشاء تراكب"، أو "عنصر واجهة مستخدم تفاعلي"، أو "واجهة مستخدم طرفية"، أو "مكون مخصص"، أو "pi-tui"، أو أي طلب لإنشاء واجهات طرفية مرئية وتفاعلية. يُستخدم أيضًا عند تجميل أو إعادة تصميم مكونات TUI الموجودة. المصدر: joelhooks/pi-tools.

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

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

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

Browse more skills from joelhooks/pi-tools

إجابات سريعة

ما هي pi-tui-design؟

أنشئ مكونات TUI مميزة ومصممة لـ pi باستخدام @mariozechner/pi-tui و@mariozechner/pi-coding-agent. يُستخدم عند إنشاء واجهات مستخدم طرفية تفاعلية - المكونات المخصصة، أو التراكبات، أو مربعات الحوار، أو لوحات المعلومات، أو عناصر واجهة المستخدم، أو تصورات البيانات، أو العناصر المتحركة، أو الواجهات الشبيهة بالألعاب، أو أي واجهة TUI مرئية تعمل داخل امتدادات pi أو الأدوات المخصصة. يتم تشغيلها على: "إنشاء مكون TUI"، أو "إنشاء لوحة معلومات"، أو "إنشاء تراكب"، أو "عنصر واجهة مستخدم تفاعلي"، أو "واجهة مستخدم طرفية"، أو "مكون مخصص"، أو "pi-tui"، أو أي طلب لإنشاء واجهات طرفية مرئية وتفاعلية. يُستخدم أيضًا عند تجميل أو إعادة تصميم مكونات TUI الموجودة. المصدر: joelhooks/pi-tools.

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

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

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

https://github.com/joelhooks/pi-tools

التفاصيل

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

مهارات ذات صلة

لا يوجد