يعرض واجهات HTML التفاعلية في الدردشة باستخدام أداة render_ui. يُستخدم عندما يطلب المستخدم عرض واجهة المستخدم، أو إنشاء عنصر واجهة مستخدم، أو عرض نموذج، أو عرض مخطط، أو إنشاء واجهة، أو عرض محتوى تفاعلي.
ثبّت مهارة الذكاء الاصطناعي create-interface بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: cdeistopened/opened-vault.
Render custom HTML interfaces directly in chat using the mcpnoetect-uirenderui tool. Perfect for forms, charts, tables, dashboards, and interactive widgets.
The UI automatically inherits the app's current theme. Use CSS variables for consistent styling across light/dark modes.
| var(--surface-primary) | Main background | | var(--surface-secondary) | Cards, elevated surfaces | | var(--surface-tertiary) | Nested containers | | var(--surface-accent) | Highlighted areas | | var(--surface-muted) | Subtle backgrounds, code blocks |
يعرض واجهات HTML التفاعلية في الدردشة باستخدام أداة render_ui. يُستخدم عندما يطلب المستخدم عرض واجهة المستخدم، أو إنشاء عنصر واجهة مستخدم، أو عرض نموذج، أو عرض مخطط، أو إنشاء واجهة، أو عرض محتوى تفاعلي. المصدر: cdeistopened/opened-vault.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/cdeistopened/opened-vault --skill create-interfaceيعرض واجهات HTML التفاعلية في الدردشة باستخدام أداة render_ui. يُستخدم عندما يطلب المستخدم عرض واجهة المستخدم، أو إنشاء عنصر واجهة مستخدم، أو عرض نموذج، أو عرض مخطط، أو إنشاء واجهة، أو عرض محتوى تفاعلي. المصدر: cdeistopened/opened-vault.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/cdeistopened/opened-vault --skill create-interface بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/cdeistopened/opened-vault