·gemini-visual
*

gemini-visual

مساعد تطوير مرئي وأمامي مدعوم من Google Gemini 3. يُستخدم لتحليل واجهة المستخدم ومقارنة التصميم وتدقيق إمكانية الوصول واستخراج لوحة الألوان وتحويل لقطة الشاشة إلى رمز وإنشاء أصول واجهة المستخدم والمساعدة في التصميم المستند إلى النص من الملخصات.

6التثبيتات·0الرائج·@ckorhonen

التثبيت

$npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual

كيفية تثبيت gemini-visual

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

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

المصدر: ckorhonen/claude-skills.

A comprehensive toolkit leveraging Google Gemini 3's advanced visual reasoning capabilities for front-end development and design tasks. Gemini 3 provides state-of-the-art multimodal understanding with spatial reasoning, document understanding, and high-resolution image processing.

Add to your shell profile (/.zshrc or /.bashrc) for persistence:

| analyzeui.py | Analyze UI screenshots for issues, patterns, and suggestions | | generateuiassets.py | Generate icons, backgrounds, and UI graphics | | comparedesigns.py | Compare two designs and highlight differences | | extractcolors.py | Extract color palettes from images | | screenshottocode.py | Convert screenshots to HTML/CSS code |

مساعد تطوير مرئي وأمامي مدعوم من Google Gemini 3. يُستخدم لتحليل واجهة المستخدم ومقارنة التصميم وتدقيق إمكانية الوصول واستخراج لوحة الألوان وتحويل لقطة الشاشة إلى رمز وإنشاء أصول واجهة المستخدم والمساعدة في التصميم المستند إلى النص من الملخصات. المصدر: ckorhonen/claude-skills.

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

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

أمر التثبيت
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from ckorhonen/claude-skills

إجابات سريعة

ما هي gemini-visual؟

مساعد تطوير مرئي وأمامي مدعوم من Google Gemini 3. يُستخدم لتحليل واجهة المستخدم ومقارنة التصميم وتدقيق إمكانية الوصول واستخراج لوحة الألوان وتحويل لقطة الشاشة إلى رمز وإنشاء أصول واجهة المستخدم والمساعدة في التصميم المستند إلى النص من الملخصات. المصدر: ckorhonen/claude-skills.

كيف أثبّت gemini-visual؟

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

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

https://github.com/ckorhonen/claude-skills

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-25