Agent skill

App Browser

by growupanand in growupanand/ConvoForm

Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows.

Apache-2.0Auto-check: notesTesting & QA

Install App Browser

skills CLI
$ npx skills add growupanand/ConvoForm --skill app-browser -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install growupanand/ConvoForm app-browser --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/growupanand/ConvoForm.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/app-browser .claude/skills/app-browser && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
app-browser
GitHub stars
102
Token cost
~645 tokens
SKILL.md length
230 words
Files
1
Skills in repo
11
Repo updated
First seen
Licence
Apache-2.0

At a glance

Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows.

  • Works in 3 steps: Start the app with a real LLM (not the… → Do not set E2E_MOCK_LLM=1 in the shell… → Root .env must include Clerk test keys…
  • You need authenticated in-app pages (form editor
  • SKILL.md covers Prerequisites, Run a scenario, Writing scenarios and Routes agents use often, plus 2 more sections
  • Calls pnpm

What it does

App Browser is an agent skill from growupanand/ConvoForm. Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows. Use when you need authenticated in-app pages (form editor, responses), public form submission, or marketing screenshots without manual clicking.

Its SKILL.md is about 650 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Testing & QA, covering End-to-end testing. It works with pnpm. The repository describes itself as: Turn Forms into Conversations with AI. The licence is Apache-2.0.

When your agent uses it

  • You need authenticated in-app pages (form editor
  • Public form submission
  • Marketing screenshots without manual clicking

Example prompts

  • “/app-browser”

Requirements

  • Pre-approved tools (allowed-tools): Bash(pnpm:*)

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Start the app with a real LLM (not the e2e mock)
  2. Do not set E2E_MOCK_LLM=1 in the shell that runs scenarios.
  3. Root .env must include Clerk test keys and AI provider config (same as local development).

What it can do on your machine

Read from SKILL.md and the folder at commit 71b43c3. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash(pnpm:*)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • pnpm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

App Browser loads about 645 tokens when it runs. Until then it costs about 62 tokens; SKILL.md has 230 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~62
When it runs · the whole SKILL.md, loaded when a task matches
~645

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:21
    3. Root `.env` must include Clerk test keys and AI provider config (same as local development).

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from growupanand/ConvoForm at commit 71b43c3, republished under its Apache-2.0 licence (© growupanand). 230 words, ~645 tokens.

Download SKILL.mdSave it as .claude/skills/app-browser/SKILL.md (or your agent's skills folder).
name
app-browser
description
Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows. Use when you need authenticated in-app pages (form editor, responses), public form submission, or marketing screenshots without manual clicking.
allowed-tools
Bash(pnpm:*)

ConvoForm app browser (Playwright)

Use this instead of manual screenshots or agent-browser (not installed in this repo).

Prerequisites

  1. Start the app with a real LLM (not the e2e mock):

    bash
    pnpm dev
  2. Do not set E2E_MOCK_LLM=1 in the shell that runs scenarios.

  3. Root .env must include Clerk test keys and AI provider config (same as local development).

Run a scenario

From the repo root:

bash
pnpm --filter @convoform/e2e agent src/agent/scenarios/<scenario>.ts

The runner:

  • Fails if the dev server is down or E2E_MOCK_LLM=1
  • Signs in via Clerk test user (packages/e2e/src/utils/clerk.ts) — do not type credentials into the Clerk UI
  • Uses a 1280×800 viewport and marketing frame for captures
  • Writes PNGs to paths you pass to shot() (repo-relative or absolute)
  • shot({ mode: "viewport" }) — full 1280×800 clip
  • shot({ mode: "element", selector }) — crop to a DOM node (marketing targets use data-marketing-screenshot)
  • shot({ mode: "tight", selector }) — shrink-wrap direct children of an element, capped to the frame

Writing scenarios

Add a file under packages/e2e/src/agent/scenarios/:

typescript
import type { AgentScenario } from "../types";

const scenario: AgentScenario = async ({ page, shot, repoRoot }) => {
  await page.goto("/forms");
  await shot({
    name: "example",
    out: "apps/web/public/images/example.png",
    selector: "main", // optional; defaults to body
  });
};

export default scenario;

Shared UI helpers: packages/e2e/src/agent/helpers/formUi.ts.

Routes agents use often

AreaPath
Form list/forms
Form editor/forms/[formId]
Responses analytics/forms/[formId]/conversations
Single response/forms/[formId]/conversations/[conversationId]
Public form/view/[formId] (no auth)

Screenshot hygiene

  • Use synthetic student data only in captures (no real PII).
  • Output only to paths declared in the scenario (usually apps/web/public/...).
  • Do not commit packages/e2e/playwright/.auth/ (gitignored).

vs pnpm e2e

pnpm e2e starts its own dev server with E2E_MOCK_LLM=1. Agent scenarios attach to your running pnpm dev instance and call the real model.

© growupanand, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/app-browser of growupanand/ConvoForm.

Open the folder on GitHubat commit 71b43c3

Compare with similar skills

App Browser next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

App Browser compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
App Browser this skillgrowupanand/ConvoForm102—~645Automated safety check: NotesApache-2.0
Local CImodule-federation/core2.7k—~914Automated safety check: PassMIT
Verdaccio Change Testing Selectorverdaccio/verdaccio18k—~1.6kAutomated safety check: WarnMIT
E2E VerificationChorus-AIDLC/Chorus1.2k—~1.5kAutomated safety check: NotesAGPL-3.0
E2E PlaywrightAsvarox/allkaraoke261—~876Automated safety check: PassNone
Ha Frontend Testinghome-assistant/frontend5.7k—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • Local CI

    module-federation/core

    Run this repository's local CI parity commands and pnpm run ci:local jobs.

    2.7k GitHub stars~914 tokensUpdated yesterday
    Testing & QAAuto-check passed
  • Figures out which rebuild and test suites actually cover a change in the verdaccio monorepo, instead of a scoped run that passes untested.

    18k GitHub stars~1.6k tokensUpdated 2 days ago
    Testing & QAAuto-check: warnings
  • E2E Verification

    Chorus-AIDLC/Chorus

    A skill your agent uses when manually verifying a Chorus frontend change in a real browser — finding local login credentials, driving the running dev server with the Playwright MCP, logging in…

    1.2k GitHub stars~1.5k tokensUpdated 2 days ago
    Testing & QAAuto-check: notes
  • E2E Playwright

    Asvarox/allkaraoke

    Run, write, and debug Playwright E2E tests for this project.

    261 GitHub stars~876 tokensUpdated today
    Testing & QAAuto-check passed
  • Ha Frontend Testing

    home-assistant/frontend

    Home Assistant frontend testing and validation workflow. An agent skill from home-assistant/frontend.

    5.7k GitHub stars~1.7k tokensUpdated today
    Testing & QAAuto-check passed
  • Preship

    openplayerjs/openplayerjs

    Run the full OpenPlayerJS verification gauntlet before committing, opening a PR, or preparing a release.

    649 GitHub stars~1.2k tokensUpdated 5 days ago
    Testing & QAAuto-check passed

More from growupanand/ConvoForm

All 12 skills in this repo
  • Animate

    growupanand/ConvoForm

    Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

    102 GitHub starsUsed in 6 repos~1.9k tokens
    Auto-check passed
  • Critique

    growupanand/ConvoForm

    Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based…

    102 GitHub starsUsed in 4 repos~3.4k tokens
    Auto-check passed
  • Audit

    growupanand/ConvoForm

    Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns.

    102 GitHub starsUsed in 6 repos~1.9k tokens
    Auto-check passed
  • Colorize

    growupanand/ConvoForm

    Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive.

    102 GitHub starsUsed in 6 repos~1.7k tokens
    Auto-check passed
  • Clerk Orgs

    growupanand/ConvoForm

    Clerk Organizations for B2B and multi-tenant apps - org switching, roles and permissions, verified domains, and enterprise SSO.

    102 GitHub stars~5.4k tokensUpdated yesterday
    Auto-check passed
  • Drizzle Orm

    growupanand/ConvoForm

    Type-safe SQL ORM for TypeScript with zero runtime overhead. An agent skill from growupanand/ConvoForm.

    102 GitHub starsUsed in 1 repo~2.7k tokens
    Auto-check passed

Works with

Categories

Questions about App Browser

What does App Browser do?

Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows. App Browser is an agent skill from growupanand/ConvoForm. Drive the ConvoForm web app in a real browser to capture screenshots or walk product flows.

When should I use App Browser?

App Browser fits situations like: you need authenticated in-app pages (form editor; public form submission; marketing screenshots without manual clicking.

How do I install App Browser in Claude Code?

Run `npx skills add growupanand/ConvoForm --skill app-browser -a claude-code`. Or copy the skill folder (.agents/skills/app-browser in growupanand/ConvoForm) into .claude/skills/app-browser in your project. Claude Code loads it when a task matches its description.

How do I install App Browser in Codex?

Run `npx skills add growupanand/ConvoForm --skill app-browser -a codex`. Or copy the skill folder (.agents/skills/app-browser in growupanand/ConvoForm) into .agents/skills/app-browser in your project. Codex loads it when a task matches its description.

Can I use App Browser in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add growupanand/ConvoForm --skill app-browser -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-browser, .gemini/skills/app-browser, .github/skills/app-browser and .opencode/skills/app-browser in your project.

What does App Browser need to run?

Going by SKILL.md and its folder, App Browser needs the command-line tools its instructions call (pnpm). Its frontmatter pre-approves these tools: Bash(pnpm:*).

Does App Browser access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is App Browser safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does App Browser use?

App Browser is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does App Browser use?

About 645 tokens (SKILL.md is roughly 2.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to App Browser?

Skills that share tags, products or a category with App Browser: Local CI (module-federation/core, 2.7k stars), Verdaccio Change Testing Selector (verdaccio/verdaccio, 18k stars), E2E Verification (Chorus-AIDLC/Chorus, 1.2k stars) and E2E Playwright (Asvarox/allkaraoke, 261 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains App Browser?

growupanand (a GitHub user) maintains it in growupanand/ConvoForm, which has 102 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 10, 2026.

Source: growupanand/ConvoForm on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.