web-browser

nicolaygerold/howtobuildwithai

Browse web pages and capture screenshots using Chrome DevTools. Use when asked to open websites, navigate to URLs, or take screenshots of web pages.

34 stars

9 forks

Shell

65 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser ~/.claude/skills/howtobuildwithai

# Project-specific

git clone https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser .claude/skills/howtobuildwithai

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser

Option 2: Clone to extensions directory

git clone https://github.com/nicolaygerold/howtobuildwithai/tree/main/.agents/skills/web-browser ~/.gemini/extensions/howtobuildwithai

Topics

Related Skills

Command Development

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

using-git-worktrees

An agentic skills framework & software development methodology that works.

research

tore your decisions and principles. Claude reads them to make better choices.

swiftui-view-refactor

My Codex Skills