ما هي html-visual؟
قم بإنشاء تصور HTML تفاعلي بملف واحد (نموذج بالحجم الطبيعي، إطار سلكي، ERD، مخطط انسيابي، مخطط، شرائح، مخطط معماري، لوحة معلومات، مخطط زمني، خريطة ذهنية، كانبان، جدول). المصدر: 2ykwang/agent-skills.
·html-visual
{}
html-visual
✓قم بإنشاء تصور HTML تفاعلي بملف واحد (نموذج بالحجم الطبيعي، إطار سلكي، ERD، مخطط انسيابي، مخطط، شرائح، مخطط معماري، لوحة معلومات، مخطط زمني، خريطة ذهنية، كانبان، جدول).
التثبيت
كيفية تثبيت html-visual
ثبّت مهارة الذكاء الاصطناعي html-visual بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: 2ykwang/agent-skills.
SKILL.md
عرض النص الخامVisualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.
| mockup | UI mockup (high-fidelity) | mockup-{name}.html | | wireframe | Wireframe (low-fidelity, hand-drawn style) | wireframe-{name}.html | | erd | ERD | erd-{name}.html | | flow | Flowchart / Sequence diagram | flow-{name}.html | | chart | Data chart | chart-{name}.html | | slides | Presentation | slides-{name}.html |
| arch | Architecture diagram | arch-{name}.html | | dashboard | Composite dashboard | dashboard-{name}.html | | timeline | Timeline / Gantt chart | timeline-{name}.html | | mindmap | Mindmap | mindmap-{name}.html | | kanban | Kanban board | kanban-{name}.html | | table | Interactive data table | table-{name}.html |
قم بإنشاء تصور HTML تفاعلي بملف واحد (نموذج بالحجم الطبيعي، إطار سلكي، ERD، مخطط انسيابي، مخطط، شرائح، مخطط معماري، لوحة معلومات، مخطط زمني، خريطة ذهنية، كانبان، جدول). المصدر: 2ykwang/agent-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual- المصدر
- 2ykwang/agent-skills
- الفئة
- {}تحليل البيانات
- موثق
- ✓
- أول ظهور
- 2026-02-19
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت html-visual؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/2ykwang/agent-skills
التفاصيل
- الفئة
- {}تحليل البيانات
- المصدر
- skills.sh
- أول ظهور
- 2026-02-19