browser-click

Click page elements by CSS selector or text content. When you need to click buttons, links, or select options. PREREQUISITE - must use browser_navigate to open target page first.

1,592 stars

Best use case

browser-click is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Click page elements by CSS selector or text content. When you need to click buttons, links, or select options. PREREQUISITE - must use browser_navigate to open target page first.

Teams using browser-click should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/browser-click/SKILL.md --create-dirs "https://raw.githubusercontent.com/openakita/openakita/main/skills/system/browser-click/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/browser-click/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How browser-click Compares

Feature / Agentbrowser-clickStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Click page elements by CSS selector or text content. When you need to click buttons, links, or select options. PREREQUISITE - must use browser_navigate to open target page first.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Browser Click

点击页面上的元素。

## Parameters

| 参数 | 类型 | 必填 | 说明 |
|-----|------|-----|------|
| selector | string | 否 | CSS 选择器,如 '#btn-submit', '.button-class' |
| text | string | 否 | 元素文本,如 '提交', 'Submit' |

至少提供 `selector` 或 `text` 其中之一。

## Examples

**点击按钮(CSS 选择器)**:
```json
{"selector": "#submit-btn"}
```

**点击按钮(文本匹配)**:
```json
{"text": "提交"}
```

## Prerequisites

- 必须先用 `browser_navigate` 打开目标页面

## Related Skills

- `browser-navigate`: 先导航到页面
- `browser-type`: 在点击后输入文本


## 推荐

对于多步骤的浏览器任务,建议优先使用 `browser_task` 工具。它可以自动规划和执行复杂的浏览器操作,无需手动逐步调用各个工具。

示例:
```python
browser_task(task="打开百度搜索福建福州并截图")
```

Related Skills

desktop-click

1592
from openakita/openakita

Click desktop elements or coordinates. When you need to click buttons/icons in applications, select menu items, or interact with desktop UI. Supports element description, name prefix, or coordinates. For browser webpage elements, use browser_click instead.

browser-type

1592
from openakita/openakita

Type text into input fields on webpage. When you need to fill forms, enter search queries, or input data. PREREQUISITE - must use browser_navigate first. May need to click field first for focus.

browser-task

1592
from openakita/openakita

Smart browser task agent - describe what you want done in natural language and it completes automatically. PREFERRED tool for multi-step browser operations like searching, form filling, and data extraction.

browser-switch-tab

1592
from openakita/openakita

Switch to a specific browser tab by index. When you need to work with a different tab or return to previous page. Use browser_list_tabs to get tab indices.

browser-status

1592
from openakita/openakita

Check browser current state including open status, current URL, page title, tab count. Useful for checking current page URL/title. Note - browser_open already includes status check and auto-starts if needed, so you don't need to call browser_status before browser_open.

browser-screenshot

1592
from openakita/openakita

Capture browser page screenshot (webpage content only, not desktop). When you need to show page state, document results, or debug issues. For desktop screenshots, use desktop_screenshot instead.

browser-open

1592
from openakita/openakita

Launch browser or check its status. Returns current state (is_open, url, title, tab_count). If already running, returns status without restarting. Auto-handles everything - no need to call browser_status first.

browser-new-tab

1592
from openakita/openakita

Open new browser tab and navigate to URL (keeps current page open). When you need to open additional page without closing current, or multi-task across pages. PREREQUISITE - must confirm browser is running first.

browser-navigate

1592
from openakita/openakita

Navigate browser to specified URL to open a webpage. When you need to open webpages or start web automation. PREREQUISITE - must call before browser_click/type operations. Auto-starts browser if not running.

browser-list-tabs

1592
from openakita/openakita

List all open browser tabs with their index, URL and title. When you need to check what pages are open, manage multiple tabs, or find a specific tab to switch to.

browser-get-content

1592
from openakita/openakita

Extract page content and element text from current webpage. When you need to read page information, get element values, scrape data, or verify page content.

openakita/skills@yuque-skills

1592
from openakita/openakita

Manage Yuque (语雀) knowledge bases, documents, and team collaboration through API integration. Supports personal search, weekly reports, knowledge base management, document CRUD, and group collaboration workflows. Based on yuque/yuque-skills.