clickmap

Chrome UI automation skill for saving named on-screen targets and reusing them with reliable click/type actions. Use when browser automation is flaky, selectors break, or you need deterministic "click this named point, then type" flows for tools like Suno, internal dashboards, forms, and repetitive web tasks.

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "clickmap" with this command: npx skills add jayton123456789-hub/clickmap

ClickMap

Make flaky web automation stable: save named points once, then click/type by name every time.

Why people use this

  • Stops brittle selector/DOM failures in UI automation flows
  • Reuses human-readable names instead of random coordinates
  • Great for repeat tasks: click target → type text → submit

Resources

  • Extension folder: assets/chrome-extension/
  • Local bridge: scripts/bridge-server.js
  • Optional launcher: scripts/start-bridge.cmd
  • Autostart installer: scripts/install-autostart.ps1
  • Action runner: scripts/clickmap-actions.ps1
  • Data file: data/pois.json

Capture flow (user)

  1. Load unpacked extension from assets/chrome-extension.
  2. Start bridge (node scripts/bridge-server.js or start-bridge.cmd).
    • Optional: powershell -ExecutionPolicy Bypass -File scripts/install-autostart.ps1 -RunNow to keep bridge auto-running after reload/login.
  3. Open target page (example: https://suno.com/create).
  4. Toggle marking ON from popup.
  5. Hover mouse at exact pixel and press P to add point.
  6. Native prompt opens: enter POI name and save.
  7. Press D while hovering near a point to delete nearest saved POI.
  8. Bright pink dots show saved points on that page.

POIs auto-sync to bridge when possible. Use popup Sync POIs if needed.

Agent action commands (no desktop-control)

Always use the ClickMap action runner for clicks/types:

# List points
powershell -ExecutionPolicy Bypass -File "$HOME/.openclaw/workspace/skills/clickmap/scripts/clickmap-actions.ps1" -Action list

# Click saved point exactly (screen coords)
powershell -ExecutionPolicy Bypass -File "$HOME/.openclaw/workspace/skills/clickmap/scripts/clickmap-actions.ps1" -Action click -PoiName "suno_com.LyricsBox"

# Type text into focused field (paste mode by default)
powershell -ExecutionPolicy Bypass -File "$HOME/.openclaw/workspace/skills/clickmap/scripts/clickmap-actions.ps1" -Action type -Text "hello world" -ClearFirst

# Click then type in one call
powershell -ExecutionPolicy Bypass -File "$HOME/.openclaw/workspace/skills/clickmap/scripts/clickmap-actions.ps1" -Action click-type -PoiName "suno_com.songName" -Text "Still Learning My Name (Remix)" -ClearFirst

Notes

  • Best results come from POIs that include coords.screen (new captures do this automatically).
  • If an old POI misses screen coords, just re-save it once.
  • Use clear names (example: suno_com.StylesBox) so automations stay readable.
  • The bridge runs locally on your machine (localhost only).

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Coding

Miaoji Asin Clinic Pro

亚马逊ASIN诊所Pro版,90天行动计划+竞品对标+季节性优化日历。 从合规度、广告度、评论度、视觉度、内容度五维升级为可执行的长期作战方案。 基础功能可使用 miaoji-asin-clinic 免费版。

Registry SourceRecently Updated
Coding

wechat-publish-pro

Pure Python tool to convert Markdown to styled HTML and publish articles to WeChat official account drafts with AI-based content refinement and theme support.

Registry SourceRecently Updated
Coding

Miaoji Asin Clinic

基于ASIN和品类,快速诊断亚马逊Listing五维健康指数并智能排序修复优先级,提供详细分析与个性化修复方案。

Registry SourceRecently Updated
Coding

Toonany

A Claude Code skill for creating AI-generated short dramas (漫剧) from novels and stories. Use when user mentions "漫剧创作", "小说转剧本", "分镜生成", "短剧制作", "故事线生成", "大纲...

Registry SourceRecently Updated