Skip to main content
connic
Start for free

Browser Automation Demo

By connic
ProductivityBeginner

Ask for a connic email, password, and project title, then sign in and create the project through the dashboard.

Publisher
By connic
Difficulty
Beginner
Works with
No connector needed
Source
GitHub

What the template does

Try a browser agent that completes a real task in the connic dashboard. The demo asks for your account email, password, and a title for the new project, pausing for each response. The password field is masked. It then opens the connic homepage, finds the sign-in flow, and creates the project using Deploy via CLI. The agent returns the project's name and URL when finished. Its short prompt defines the task, while connic's built-in browser tools let it inspect pages, navigate, and fill in forms. Use the template to explore browser automation with human input, then adapt the task and input questions to build a workflow for another website.

Architecture
Email, Password, Project Title
Browser Automation Demo
Browser Tools
Project Name and URL
New connic Project
Browser automation walkthrough
See an agent complete a real, multi-step workflow through a live website.
Human input
Provide the email, password, and project title when the agent asks for them.
Dashboard project creation
Sign in to connic, choose Deploy via CLI, and create a project with the requested title.

Every file lands in your project

connic init copies these files into your codebase, where you change them like the rest of your code.

agents/browser-automation-demo/
agents/browser-automation-demo/browser-automation-demo.yaml

LLM agent with its model, prompt and tools.

version: "1.0"

name: browser-automation-demo
model: connic/gpt-5.6-sol
description: "Browser automation demo that signs in to connic and creates a project"

system_prompt: |
  Ask for the user's connic email, password, and new project title using the
  three human-input tools.
  Open https://connic.co, sign in, and create a project with that title using
  Deploy via CLI.
  Return the created project's name and URL.

tools:
  - web_browser_*

approval:
  inputs:
    - get_connic_email:
        prompt: "Ask for the email address used to sign in to connic."
        label: "connic account email"
    - get_connic_password:
        prompt: "Ask for the password used to sign in to connic."
        label: "connic account password"
        sensitive: true
    - get_project_title:
        prompt: "Ask for the title of the new connic project."
        label: "New project title"

Install it and deploy

Install the template, create a connic project, and deploy through a connected Git repository or the CLI.

Prerequisites
  • Python 3.11+
  • A connic account (create a project first)
  • Project credit for a connic/* model, or credentials for a BYOK provider
Build it with your coding agent

Paste this into Claude Code, Codex, or Cursor with the connic plugin installed. It walks you through the template, adapts it to your use case with you, and deploys it.

prompt
I'd like to start from the connic browser-automation-demo template. Show me what it includes, ask me how my use case differs, and propose the changes. Once we agree, set it up in this folder with `connic init --templates=browser-automation-demo`, adapt it, validate it, and deploy it to my connic project.
Deploy with Git
Connect the repository under Project Settings → Git & Environments, map a branch to an environment, and push.
Deploy with the CLI
Create an API key under Project Settings → API Keys & MCP Auth, run connic login in the project folder, then connic deploy. Try changes first with connic dev and connic test.
Connect and configure
Run the agent with an empty input, then answer the email, password, and project-title requests. Use a connic/* model, or add BYOK credentials under Project Settings → LLM Provider.
~/my-project
Install
$ pip install connic-composer-sdk
Scaffold
$ connic init my-project --templates=browser-automation-demo
  connic Init
  ──────────────────────────────
  → Created directory: my-project
  → Creating project structure...
    ✓ agents/, tools/, middleware/, schemas/
  → Fetching templates from connic-awesome-agents...
    ✓ Fetched
  → Merging templates...
    ✓ Added template: browser-automation-demo
  → Next steps:
    1. Run `connic lint` to validate your project
    2. Run `connic dev` to choose a dev environment with hot reload
    3. Run `connic deploy` when ready
  ✓ Initialized with templates: browser-automation-demo
Deploy
$ connic deploy
  → Validating project files...
    ✓ Lint passed: 1 agent(s) validated (browser-automation-demo)
    ✓ Lint passed
  ✓ Deployment created.

More agent templates

Browse the marketplace