عارض الصور لـ json-render الذي يحول مواصفات JSON إلى صور SVG وPNG عبر Satori. يُستخدم عند العمل مع @json-render/image، أو إنشاء صور OG من JSON، أو إنشاء بطاقات اجتماعية، أو عرض مواصفات الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي.
ثبّت مهارة الذكاء الاصطناعي image بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: vercel-labs/json-render.
Image renderer that converts JSON specs into SVG and PNG images using Satori.
| Frame | Root | Root container. Defines width, height, background. Must be root. | | Box | Layout | Container with padding, margin, border, absolute positioning | | Row | Layout | Horizontal flex layout | | Column | Layout | Vertical flex layout | | Heading | Content | h1-h4 heading text | | Text | Content | Body text with full styling |
| Image | Content | Image from URL | | Divider | Decorative | Horizontal line separator | | Spacer | Decorative | Empty vertical space |
عارض الصور لـ json-render الذي يحول مواصفات JSON إلى صور SVG وPNG عبر Satori. يُستخدم عند العمل مع @json-render/image، أو إنشاء صور OG من JSON، أو إنشاء بطاقات اجتماعية، أو عرض مواصفات الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي. المصدر: vercel-labs/json-render.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/vercel-labs/json-render --skill imageعارض الصور لـ json-render الذي يحول مواصفات JSON إلى صور SVG وPNG عبر Satori. يُستخدم عند العمل مع @json-render/image، أو إنشاء صور OG من JSON، أو إنشاء بطاقات اجتماعية، أو عرض مواصفات الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي. المصدر: vercel-labs/json-render.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/vercel-labs/json-render --skill image بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/vercel-labs/json-render