AlphaMoatによると、2026-09時点でChrome拡張機能UI Builder with Gemini AIのユーザー数は26(前月比 +0%)、評価は5(1件のレビュー)で、9,324件のAIブラウザ拡張機能中6,844位、プログラミングでは601件中438位です。
UI Builder with Gemini AIとは
Create HTML with Gemini AI and preview live Chrome Extension that builds complete HTML/CSS/JS websites with Gemini AI — live preview, inspect & edit elements, multi-page management, AI prompt suggestions, and multi-page deployment to Netlify.
Generate HTML with AI:
- Describe the UI in natural language (Vietnamese), and Gemini generates complete HTML (single-file, inline CSS/JS)
- Two AI modes: Flash (fast) and Thinking (deeper reasoning) — switchable via toggle
- Iterative editing — each new prompt automatically includes the current HTML, so AI changes only the requested parts while preserving CSS/structure
- Conversation context — each page keeps its own chat context, so follow-up prompts understand previous context
Inspect & Edit Elements:
- Enable Inspect mode → hover to highlight elements → click to select
- Describe changes for the selected element → AI edits only that element’s `innerHTML`
- Display the CSS selector of the element being edited
Device Preview:
ストアの説明の続きを表示▾
- Preview in 3 sizes: Desktop (100%), Tablet (768px), Mobile (375px)
- Quick switching via toolbar on the preview
Multi-page Management:
- Create, rename (double-click), and delete multiple pages
- Each page is an independent workspace with its own conversation context
- Fast page switching, with full JavaScript support via sandbox blob URL
Link Navigation & Auto Page Creation:
- Click a link in preview → show modal to create a new page or navigate to an existing page
- Page name is derived from the link text (supports Vietnamese diacritics)
- Prompt splitting: user sees a clean prompt, internal instructions are appended automatically
- Smart matching: match by page name + slug fallback (Vietnamese diacritics-safe)
AI Suggestions (Prompt Suggestions):
- Automatic suggestions from presets + AI-powered completion from Gemini
- Ghost text displays suggestions; press Tab to accept
- LRU cache (50 items) to avoid duplicate API calls
- Works in both the main prompt and create-page modal
History & Revert:
- Every generate/edit action is saved (prompt + full HTML)
- Click a history item to view older versions
- Revert — the next prompt continues from the reverted version
Deploy to Netlify (Multi-page):
- Connect using a Netlify Personal Access Token
- One site for all pages — deploy/update under the same URL
- First page → `/index.html` (root), other pages → `/slug/index.html`
- Automatically rewrite links between pages
- Auto-recreate site if it was deleted on Netlify
Other Actions:
- Refresh preview / open in new tab / download HTML / copy HTML
- Lock UI while generating (shake-reject effect on click)
- Auto connect/reconnect to Gemini
- Dynamic Island-style toast notifications
拡張機能の情報
ユーザー数の推移
プログラミングの人気拡張機能
Instant Data Scraper extracts data from web pages and exports it as Excel or CSV files
+ 比較
Getting Started with BLACKBOX AI Extension Seamlessly integrate BLACKBOX AI into your existing workflow to supercharge your…
+ 比較
Open-source browser and desktop automation running locally, not in the cloud. Vision, OCR, built-in AI, MCP for AI agents and LLMs.
+ 比較
Enjoy a safer internet browsing experience, secure from phishing and malware.
+ 比較
The AI Web Scraping Chrome Extension. Use ChatGPT, Claude & DeepSeek to scrape and extract data to Excel in just 2 clicks!
+ 比較
データ月:2026-09 · ユーザー数と評価はChromeウェブストアの公開データを月単位で集計したものです。詳しくはデータの方法論をご覧ください。