تقوم هذه المهارة بإنشاء إطارات سلكية لواجهة المستخدم تعتمد على النص باستخدام صيغة ملف .kui. يُستخدم عند إنشاء الإطارات السلكية أو النماذج بالحجم الطبيعي أو الرسوم التخطيطية لتخطيط واجهة المستخدم. تقوم هذه المهارة بتحويل ملفات .kui إلى صور SVG/PNG عبر أداة katsuragi CLI.
ثبّت مهارة الذكاء الاصطناعي ui-wireframe-generator بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: enlinks-llc/katsuragi.
Generate text-based UI wireframes using .kui file syntax. Katsuragi converts simple declarative files into SVG/PNG images, serving as a communication medium for UI discussions.
Grid divides canvas equally. A 4x3 grid creates 4 equal columns and 3 equal rows.
| txt | Text label | value, align | | box | Empty container | bg, border | | btn | Button | value, bg | | input | Form input | label | | img | Image placeholder | alt |
تقوم هذه المهارة بإنشاء إطارات سلكية لواجهة المستخدم تعتمد على النص باستخدام صيغة ملف .kui. يُستخدم عند إنشاء الإطارات السلكية أو النماذج بالحجم الطبيعي أو الرسوم التخطيطية لتخطيط واجهة المستخدم. تقوم هذه المهارة بتحويل ملفات .kui إلى صور SVG/PNG عبر أداة katsuragi CLI. المصدر: enlinks-llc/katsuragi.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/enlinks-llc/katsuragi --skill ui-wireframe-generatorتقوم هذه المهارة بإنشاء إطارات سلكية لواجهة المستخدم تعتمد على النص باستخدام صيغة ملف .kui. يُستخدم عند إنشاء الإطارات السلكية أو النماذج بالحجم الطبيعي أو الرسوم التخطيطية لتخطيط واجهة المستخدم. تقوم هذه المهارة بتحويل ملفات .kui إلى صور SVG/PNG عبر أداة katsuragi CLI. المصدر: enlinks-llc/katsuragi.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/enlinks-llc/katsuragi --skill ui-wireframe-generator بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/enlinks-llc/katsuragi