عارض الصور لـ json-render الذي يحول مواصفات JSON إلى صور SVG وPNG عبر Satori. يُستخدم عند العمل مع @json-render/image، أو إنشاء صور OG من JSON، أو إنشاء بطاقات اجتماعية، أو عرض مواصفات الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي.
ثبّت مهارة الذكاء الاصطناعي json-render-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 json-render-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 json-render-image بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/vercel-labs/json-render