baoyu-danger-gemini-web – skill Thiết kế & UI cho agent AI
Tạo ảnh và văn bản qua Gemini Web API được kỹ thuật ngược. Hỗ trợ sinh văn bản, tạo ảnh từ prompt, ảnh tham chiếu làm đầu vào thị giác và hội thoại nhiều lượt. Dùng khi skill khác cần backend tạo ảnh, hoặc khi người dùng yêu cầu “generate image with Gemini”, “Gemini text generation”, hoặc
Cài skill baoyu-danger-gemini-web bằng một lệnh
Chọn công cụ bạn đang dùng, copy lệnh và dán vào terminal. Skill sẽ nằm trong thư mục skills của công cụ đó và sẵn sàng dùng ở phiên làm việc tiếp theo.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-danger-gemini-web-930ce.tgz | tar xz -C ~/.claude/skills
Gọi trong Claude Code: /baoyu-danger-gemini-web – rồi mô tả công việc bạn muốn làm.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-danger-gemini-web-930ce.tgz | tar xz -C ~/.codex/skills
Gọi trong Codex: $baoyu-danger-gemini-web – rồi mô tả công việc bạn muốn làm.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-danger-gemini-web-930ce.tgz | tar xz -C ~/.hermes/skills
Gọi trong Hermes Agent: /baoyu-danger-gemini-web – rồi mô tả công việc bạn muốn làm.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/baoyu-danger-gemini-web-930ce.tgz | tar xz -C ~/.deepcode/skills
Gọi trong DeepSeek: /baoyu-danger-gemini-web – rồi mô tả công việc bạn muốn làm.
Nội dung SKILL.md
Nội dung SKILL.md gốc bằng tiếng Anh.
Gemini Web Client
Text/image generation via Gemini Web API. Supports reference images and multi-turn conversations.
User Input Tools
When this skill prompts the user, follow this tool-selection rule (priority order):
1. Prefer built-in user-input tools exposed by the current agent runtime — e.g., AskUserQuestion, request_user_input, clarify, ask_user, or any equivalent.
2. Fallback: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question.
3. Batching: if the tool supports multiple questions per call, combine all applicable questions into a single call; if only single-question, ask them one at a time in priority order.
Concrete AskUserQuestion references below are examples — substitute the local equivalent in other runtimes.
Script Directory
Important: All scripts are located in the scripts/ subdirectory of this skill.
Agent Execution Instructions:
1. Determine this SKILL.md file's directory path as {baseDir}
2. Script path = {baseDir}/scripts/<script-name>.ts
3. Resolve ${BUN_X} runtime: if bun installed → bun; if npx available → npx -y bun; else suggest installing bun
4. Replace all {baseDir} and ${BUN_X} in this document with actual values
Script Reference:
| Script | Purpose |
|--------|---------|
| scripts/main.ts | CLI entry point for text/image generation |
| scripts/gemini-webapi/* | TypeScript port of gemini_webapi (GeminiClient, types, utils) |
Consent Check (REQUIRED)
Before first use, verify user consent for reverse-engineered API usage.
Consent file locations:
- macOS:
~/Library/Application Support/baoyu-skills/gemini-web/consent.json - Linux:
~/.local/share/baoyu-skills/gemini-web/consent.json - Windows:
%APPDATA%\baoyu-skills\gemini-web\consent.json
Flow:
1. Check if consent file exists with accepted: true and disclaimerVersion: "1.0"
2. If valid consent exists → print warning with acceptedAt date, proceed
3. If no consent → show disclaimer, ask user via AskUserQuestion:
- "Yes, I accept" → create consent file with ISO timestamp, proceed
- "No, I decline" → output decline message, stop
4. Consent file format: {"version":1,"accepted":true,"acceptedAt":"<ISO>","disclaimerVersion":"1.0"}
---
Preferences (EXTEND.md)
Check EXTEND.md in priority order — the first one found wins:
| Priority | Path | Scope |
|----------|------|-------|
| 1 | .baoyu-skills/baoyu-danger-gemini-web/EXTEND.md | Project |
| 2 | ${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-danger-gemini-web/EXTEND.md | XDG |
| 3 | $HOME/.baoyu-skills/baoyu-danger-gemini-web/EXTEND.md | User home |
If none found, use defaults.
EXTEND.md supports: Default model, proxy settings, custom data directory.
Usage
# Text generation
${BUN_X} {baseDir}/scripts/main.ts "Your prompt"
${BUN_X} {baseDir}/scripts/main.ts --prompt "Your prompt" --model gemini-3-flash
# Image generation
${BUN_X} {baseDir}/scripts/main.ts --prompt "A cute cat" --image cat.png
${BUN_X} {baseDir}/scripts/main.ts --promptfiles system.md content.md --image out.png
# Vision input (reference images)
${BUN_X} {baseDir}/scripts/main.ts --prompt "Describe this" --reference image.png
${BUN_X} {baseDir}/scripts/main.ts --prompt "Create variation" --reference a.png --image out.png
# Multi-turn conversation
${BUN_X} {baseDir}/scripts/main.ts "Remember: 42" --sessionId session-abc
${BUN_X} {baseDir}/scripts/main.ts "What number?" --sessionId session-abc
# JSON output
${BUN_X} {baseDir}/scripts/main.ts "Hello" --jsonOptions
| Option | Description |
|--------|-------------|
| --prompt, -p | Prompt text |
| --promptfiles | Read prompt from files (concatenated) |
| --model, -m | Model: gemini-3-pro (default), gemini-3-flash, gemini-3-flash-thinking, gemini-3.1-pro-preview |
| --image [path] | Generate image (default: generated.png) |
| --reference, --ref | Reference images for vision input |
| --sessionId | Session ID for multi-turn conversation |
| --list-sessions | List saved sessions |
| --json | Output as JSON |
| --login | Refresh cookies, then exit |
| --cookie-path | Custom cookie file path |
| --profile-dir | Chrome profile directory |
Models
| Model | Description |
|-------|-------------|
| gemini-3-pro | Default, latest 3.0 Pro |
| gemini-3-flash | Fast, lightweight 3.0 Flash |
| gemini-3-flash-thinking | 3.0 Flash with thinking |
| gemini-3.1-pro-preview | 3.1 Pro preview (empty header, auto-routed) |
Authentication
First run opens browser for Google auth. Cookies cached automatically.
When no explicit profile dir is set, cookie refresh may reuse an already-running local Chrome/Chromium debugging session tied to a standard user-data dir.
Set --profile-dir or GEMINI_WEB_CHROME_PROFILE_DIR to force a dedicated profile and skip existing-session reuse.
This is a best-effort CDP session reuse path, not the Chrome DevTools MCP prompt-based --autoConnect flow described in Chrome's official docs.
Supported browsers (auto-detected): Chrome, Chrome Canary/Beta, Chromium, Edge.
Force refresh: --login flag. Override browser: GEMINI_WEB_CHROME_PATH env var.
Environment Variables
| Variable | Description |
|----------|-------------|
| GEMINI_WEB_DATA_DIR | Data directory |
| GEMINI_WEB_COOKIE_PATH | Cookie file path |
| GEMINI_WEB_CHROME_PROFILE_DIR | Chrome profile directory |
| GEMINI_WEB_CHROME_PATH | Chrome executable path |
| HTTP_PROXY, HTTPS_PROXY | Proxy for Google access (set inline with command) |
Sessions
Session files stored in data directory under sessions/<id>.json.
Contains: id, metadata (Gemini chat state), messages array, timestamps.
Extension Support
Custom configurations via EXTEND.md. See Preferences section for paths and supported options.
Skill liên quan
- frontend-design – Hướng dẫn thiết kế giao diện có chủ đích và đặc trưng khi xây dựng UI mới hoặc làm lại…
- baoyu-diagram – Tạo sơ đồ SVG chuyên nghiệp, giao diện tối, cho mọi loại — sơ đồ kiến trúc, lưu đồ, sơ…
- img2threejs – Biến ảnh tham chiếu vật thể hoặc nhân vật thành mô hình Three.js procedural, đạt chuẩn…
- architecture-diagram – Sơ đồ kiến trúc, cloud và hạ tầng SVG giao diện tối, xuất dưới dạng HTML.
- hatch-pet – Tạo, sửa, kiểm tra, QA trực quan và đóng gói pet hoạt ảnh tương thích Codex cùng…
- ip-as-logo – Tạo ảnh nhân vật vuông cực đơn giản, dễ thương, nhân hóa, với khối tròn đậm, hai màu…
- ascii-art – Tạo ASCII art: pyfiglet, cowsay, boxes, image-to-ascii.
- cellprofiler – Chạy pipeline vi hiển vi CellProfiler có thể tái lập để phân đoạn nhân, đếm tế bào và đo…