browser-use-screenshot

Official

Automate UI checks via browser screenshots.

AuthorYuDefine
Version1.0.0
Installs0

System Documentation

What problem does it solve?

截圖、看畫面、確認 UI、看一下頁面、幫我看 UI — nuxt-supabase-starter 的瀏覽器截圖流程(含自動登入與 dev server 自動管理)。處理 dev server 偵測/啟動、認證登入(支援 better-auth 填表或 dev-login route)、頁面導航與截圖。

Core Features & Use Cases

  • 自動啟動與偵測 Nuxt dev server,確保同時不干擾其他專案
  • 自動登入:支援 dev-login route 或 better-auth 表單登入,完成登入後再進行導航與截圖
  • 頁面導航與截圖:自動導航到指定頁面,等待就緒後以 temp/ 儲存截圖,方便驗證 UI
  • 適用場景:UI 迭代後的回歸檢查、跨頁面視覺比對、DevOps 的 UI 快速驗證

Quick Start

直接執行 browser-use-screenshot,讓自動登入、導航到目標頁面並產生截圖成為一條連續流程。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-use-screenshot
Download link: https://github.com/YuDefine/nuxt-supabase-starter/archive/main.zip#browser-use-screenshot

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.