·gemini-visual
*

gemini-visual

✓
ckorhonen/claude-skillsGitHub: ckorhonen/claude-skillsソース: ckorhonen/claude-skills

Google Gemini 3 を利用したビジュアルおよびフロントエンド開発アシスタント。UI 分析、デザイン比較、アクセシビリティ監査、カラー パレット抽出、スクリーンショットからコードへの変換、UI アセットの生成、ブリーフからのテキストベースのデザイン支援に使用します。

ckorhonen·gemini·visual
6インストール·0トレンド·@ckorhonen

インストール

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

gemini-visual のインストール方法

コマンドラインで gemini-visual AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: ckorhonen/claude-skills。

SKILL.md

原文を見る

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 を利用したビジュアルおよびフロントエンド開発アシスタント。UI 分析、デザイン比較、アクセシビリティ監査、カラー パレット抽出、スクリーンショットからコードへの変換、UI アセットの生成、ブリーフからのテキストベースのデザイン支援に使用します。 ソース: ckorhonen/claude-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual
ソース
ckorhonen/claude-skills
カテゴリ
*クリエイティブ
認証済み
✓
初回登録
2026-02-25
更新日
2026-03-11
URL
https://www.learn-skills.dev/ja/skills/ckorhonen/claude-skills/gemini-visual

Browse more skills from ckorhonen/claude-skills

クイックアンサー

gemini-visual とは？

Google Gemini 3 を利用したビジュアルおよびフロントエンド開発アシスタント。UI 分析、デザイン比較、アクセシビリティ監査、カラー パレット抽出、スクリーンショットからコードへの変換、UI アセットの生成、ブリーフからのテキストベースのデザイン支援に使用します。 ソース: ckorhonen/claude-skills。

gemini-visual のインストール方法は？

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ckorhonen/claude-skills --skill gemini-visual インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか？

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

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-25

関連 Skills

video-editor
12 インストール
coreml-optimizer
8 インストール
direct-mail-strategist
8 インストール
freshdesk-api
8 インストール
gsplat-optimizer
8 インストール
app-marketing-copy
7 インストール