Zum Hauptinhalt springen
connic
Starte kostenlos

Browser Automation Demo

Von connic
ProduktivitätEinsteiger

Der Browser-Agent fragt E-Mail-Adresse, Passwort und Projekttitel ab, meldet sich bei connic an und erstellt das Projekt über das Dashboard.

Publisher
Von connic
Schwierigkeitsgrad
Einsteiger
Funktioniert mit
Keine Verbindung nötig
Quelle
GitHub

Was das Template macht

Probiere einen Browser-Agenten aus, der eine konkrete Aufgabe im connic-Dashboard erledigt. Die Demo fragt nach der E-Mail-Adresse deines Kontos, dem Passwort und einem Titel für das neue Projekt. Der Run wartet jeweils auf deine Antwort; das Passwortfeld ist maskiert. Anschließend öffnet der Agent die Startseite von connic, findet die Anmeldung und erstellt das Projekt über Deploy via CLI. Zum Abschluss gibt er Projektname und URL zurück. Sein kurzer Prompt beschreibt die Aufgabe. Mit den integrierten Browser-Tools von connic kann der Agent Seiten erfassen, navigieren und Formulare ausfüllen. Lerne mit dem Template das Zusammenspiel von Browser-Automatisierung und menschlichen Eingaben kennen. Passe danach die Aufgabe und die Eingabeabfragen an, um einen eigenen Ablauf für eine andere Webseite zu entwickeln.

Architektur
E-Mail, Passwort, Projekttitel
Browser Automation Demo
Browser-Tools
Projektname und URL
Neues connic-Projekt
Browser-Automatisierung kennenlernen
Erlebe, wie ein Agent einen echten, mehrstufigen Ablauf auf einer Live-Webseite ausführt.
Menschliche Eingaben
Gib E-Mail-Adresse, Passwort und Projekttitel ein, sobald der Agent danach fragt.
Projekt im Dashboard erstellen
Melde dich bei connic an, wähle Deploy via CLI und erstelle ein Projekt mit dem gewünschten Titel.

Jede Datei landet in deinem Projekt

connic init kopiert diese Dateien in deine Codebase. Dort änderst du sie wie den Rest deines Codes.

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

LLM-Agent mit Modell, Prompt und 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"

Installieren und bereitstellen

Installiere das Template, erstelle ein connic-Projekt und starte das Deployment über ein verbundenes Git-Repository oder die CLI.

Voraussetzungen
  • Python 3.11+
  • Ein connic-Konto mit einem angelegten Projekt
  • Projektguthaben für ein connic/* KI-Modell oder Zugangsdaten für einen BYOK Provider
Mit deinem Coding-Agenten bauen

Füge das in Claude Code, Codex oder Cursor mit installiertem connic-Plugin ein. Der Agent zeigt dir das Template, passt es gemeinsam mit dir an deinen Anwendungsfall an und deployt es.

prompt
Ich möchte mit dem connic-Template browser-automation-demo starten. Zeig mir, was es enthält, frag mich, worin sich mein Anwendungsfall unterscheidet, und schlag die Änderungen vor. Sobald wir uns einig sind, richte es in diesem Ordner mit `connic init --templates=browser-automation-demo` ein, passe es an, prüfe es und deploye es in mein connic-Projekt.
Deployment mit Git
Verbinde das Repository unter Projekt Settings → Git & Environments, ordne einen Branch einem Environment zu und pushe.
Deployment mit der CLI
Erstelle unter Projekt Settings → API Keys & MCP Auth einen API Key, führe im Projektordner connic login aus und danach connic deploy. Änderungen probierst du vorher mit connic dev und connic test aus.
Verbinden und konfigurieren
Starte den Agenten mit leerem Eingabefeld und beantworte anschließend die Anfragen nach E-Mail-Adresse, Passwort und Projekttitel. Ein connic/* KI-Modell nutzen oder BYOK-Zugangsdaten unter Projekt Settings → LLM Provider hinterlegen.
~/my-project
SDK
$ pip install connic-composer-sdk
Projekt
$ 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.

Weitere Agent Templates

Zum Marketplace