Toolverse
All skills

agent-browser-skill

by MGdaasLab

基于 agent-browser CLI 的浏览器自动化工具。提供快照获取、元素交互、截图等功能。推荐用于需要页面快照分析、通过 ref 引用交互元素的场景。

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
MGdaasLab
Category
Frontend
Views
18

About this skill

基于 agent-browser CLI 的浏览器自动化工具。提供快照获取、元素交互、截图等功能。推荐用于需要页面快照分析、通过 ref 引用交互元素的场景。

How to use

  1. Zainstaluj agent-browser globalnie za pomocą npm: npm install -g agent-browser, a następnie pobierz Chromium poleceniem agent-browser install.

  2. Otwórz stronę internetową, którą chcesz automatyzować, używając polecenia agent-browser open [URL]. Narzędzie automatycznie połączy się z instancją przeglądarki zarządzaną w tle.

  3. Pobierz snapshot interaktywnych elementów strony poleceniem agent-browser snapshot -i. Wynik pokaże listę elementów (przyciski, pola tekstowe, linki) z przypisanymi referencjami w formacie [ref=e1], [ref=e2] itd.

  4. Wykonuj operacje na elementach, odwołując się do ich referencji: agent-browser click @e1 aby kliknąć, agent-browser fill @e2 "tekst" aby wypełnić pole tekstowe, agent-browser select @e3 "wartość" aby wybrać opcję z listy rozwijanej.

  5. Po zmianach na stronie pobierz nowy snapshot poleceniem agent-browser snapshot -i, aby uzyskać zaktualizowaną listę elementów i ich referencji.

  6. Zamknij przeglądarkę poleceniem agent-browser close, gdy skończysz automatyzację.

Related skills

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

theme-factory

by anthropics

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend
40139

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

brainstorming

by obra

Use when creating or developing, before writing code or implementation plans - refines rough ideas into fully-formed designs through collaborative questioning, alternative exploration, and incremental validation. Don't use during clear 'mechanical' processes

Frontend
49170

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676