bash-scripts/fe-setup-claude/skills/agent-browser-aircall-local/SKILL.md
Browse Aircall staging or local dev URLs with automatic authentication. USE THIS skill (not the generic agent-browser skill) whenever the target URL contains "aircall" in the hostname (e.g. dev.aircall-staging.com, localhost running Aircall).
npx skillsauth add kentoje/dotfiles agent-browser-aircall-localInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Authenticates via cookies and opens an agent-browser session. Always use --session aircall-local for all commands.
--headed)The daemon display mode is set on first launch. Open the browser first, then set cookies, then reload.
# 1. Start daemon in headed mode (lands on login page — that's expected)
agent-browser --session aircall-local open "<URL>" --headed
# 2. Set auth cookies (MCP tool)
# Claude Code:
mcp__aircall-personal-tools__aircall_persist_browser_auth({ url: "<URL>" })
# OpenCode:
AircallPersistBrowserAuth({ url: "<URL>" })
# 3. Reload to apply cookies
agent-browser --session aircall-local open "<URL>"
# 1. Set auth cookies (MCP tool)
# Claude Code:
mcp__aircall-personal-tools__aircall_persist_browser_auth({ url: "<URL>" })
# OpenCode:
AircallPersistBrowserAuth({ url: "<URL>" })
# 2. Navigate
agent-browser --session aircall-local open "<URL>"
agent-browser --session aircall-local snapshot -i
Use refs (@e1, @e2, etc.) to interact. Re-snapshot after every page change.
agent-browser --session aircall-local close
--headed ignored — The daemon was already running. Close it first: agent-browser close, then restart.tools
Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the UI," "self-driving mode," "auto-annotate," or wants an AI agent to autonomously add design feedback annotations to a web page via the browser. Requires the Agentation toolbar to be installed on the target page and agent-browser skill to be available.
development
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
tools
Design and implement web animations that feel natural and purposeful, based on Emil Kowalski's "Animations on the Web" course. Use proactively when the user asks about easing, timing, springs, transitions, animation performance, or how to animate specific UI elements. Covers CSS transitions, Framer Motion, GSAP, accessibility (prefers-reduced-motion), and common patterns like modals, tooltips, page transitions, hover states, and microinteractions.
testing
Work-in-progress guide for choosing the right animation type based on element state and behavior. Provides a decision flowchart for selecting between spring, linear, ease-in-out, and ease-out animations.