·layout-architect
#

layout-architect

تحويل التصاميم المرئية (الصور/لقطات الشاشة) إلى كود التنفيذ (CSS، Python-pptx، HTML). يُستخدم عند إعادة إنشاء تخطيطات الشرائح أو تصميمات واجهة المستخدم من الصور.

17التثبيتات·0الرائج·@famaoai-creator

التثبيت

$npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect

كيفية تثبيت layout-architect

ثبّت مهارة الذكاء الاصطناعي layout-architect بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: famaoai-creator/gemini-skills.

This skill specializes in Visual Reverse Engineering. It analyzes input images or brand guidelines and generates the precise code required to reproduce that design.

If the user provides a .pptx file instead of an image, first extract the media assets to "see" the design.

Before writing code, analyze the brand assets and define the Design System.

تحويل التصاميم المرئية (الصور/لقطات الشاشة) إلى كود التنفيذ (CSS، Python-pptx، HTML). يُستخدم عند إعادة إنشاء تخطيطات الشرائح أو تصميمات واجهة المستخدم من الصور. المصدر: famaoai-creator/gemini-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect
الفئة
#المستندات
موثق
أول ظهور
2026-02-26
آخر تحديث
2026-03-10

Browse more skills from famaoai-creator/gemini-skills

إجابات سريعة

ما هي layout-architect؟

تحويل التصاميم المرئية (الصور/لقطات الشاشة) إلى كود التنفيذ (CSS، Python-pptx، HTML). يُستخدم عند إعادة إنشاء تخطيطات الشرائح أو تصميمات واجهة المستخدم من الصور. المصدر: famaoai-creator/gemini-skills.

كيف أثبّت layout-architect؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/famaoai-creator/gemini-skills --skill layout-architect بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/famaoai-creator/gemini-skills