SuperAPI AI 工具集

gemini-visual

前端与建站

查看项目

更新于 10-15 17:35

技能介绍

用途:面向前端开发与设计任务,利用 Gemini 的视觉推理能力分析界面截图、对比设计稿、检查无障碍问题,并从图像或文字生成代码与 UI 素材。

主要能力:analyze_ui.py 分析 UI 截图的布局、可访问性、UX 问题;compare_designs.py 对比两张设计稿差异;extract_colors.py 从图片提取配色,可输出 HEX、RGB、HSL 及 CSS、Tailwind、SCSS 格式;screenshot_to_code.py 将截图转为 HTML/CSS;generate_ui_assets.py 生成图标、背景、图案、插画、徽章;design_from_brief.py 仅凭文字简述生成设计建议、代码或组件,支持交互式多轮会话。

使用方式:需 Python 3.9+、google-genai 包和 GEMINI_API_KEY 环境变量,安装命令为 pip install google-genai,并执行 export GEMINI_API_KEY="your-api-key"。各脚本通过命令行参数指定输入图片、分析模式、分辨率、框架和输出文件。图像分析用 gemini-2.5-flash 或 gemini-2.5-pro,图像生成用图像输出模型;可用 --resolution 控制细节与 token 消耗。

适用场景:UI 走查、设计迭代对比、无障碍合规检查、配色规范整理、截图还原页面、占位素材产出,以及在无设计稿时从文字生成组件与页面。

限制:需自行在 Google AI Studio 获取 API Key;具体收费标准、速率限制细节及脚本准确性资料未完整提供;单文件内联上限 20MB,输入格式支持 PNG、JPEG、WebP、HEIC、HEIF。