Create GitHub App

Automate GitHub App creation for OpenSIN organization using browser automation.

Purpose

Create GitHub Apps programmatically using webauto-nodriver browser automation. This skill automates the GitHub App creation flow that normally requires manual UI interaction.

Prerequisites

• webauto-nodriver MCP server running on http://localhost:8765/mcp
• Chrome logged into GitHub account with admin access to target organization
• anonymous skill loaded for browser automation tools

Usage

When the user asks to create a GitHub App, follow these steps:

1. Prepare App Configuration

Gather required information:

• App name: e.g., opnsin-code
• Homepage URL: e.g., https://opensin.ai
• Webhook URL: e.g., http://92.5.60.87:5678/webhook/github
• Webhook secret: Generate random secret
• Callback URL: e.g., https://opensin.ai/auth/callback
• Permissions: Issues (RW), Pull Requests (RW), Metadata (R), Contents (R)
• Events: issues, issue_comment, pull_request, pull_request_review
• Organization: Target org for installation

2. Browser Automation Flow

# Step 1: Navigate to GitHub Apps settings
goto({"url": "https://github.com/settings/apps/new"})

# Step 2: Fill form fields
# GitHub App name
observe_screen()  # Find coordinates
click({"x": <name_field_x>, "y": <name_field_y>})
type_text({"text": "opnsin-code"})

# Homepage URL
press_key({"key": "Tab"})
type_text({"text": "https://opensin.ai"})

# Webhook URL (expand webhook section first)
press_key({"key": "Tab"})
press_key({"key": "Tab"})  # Navigate to webhook checkbox
press_key({"key": "Space"})  # Check webhook
press_key({"key": "Tab"})  # Move to webhook URL field
type_text({"text": "http://92.5.60.87:5678/webhook/github"})

# Webhook secret
press_key({"key": "Tab"})
type_text({"text": "<random-secret>"})

# Step 3: Configure permissions
# Scroll to permissions section
press_key({"key": "PageDown"})

# Repository permissions
# Use observe_screen to find permission toggles and click them

# Step 4: Subscribe to events
# Use observe_screen to find event checkboxes

# Step 5: Create the app
# Scroll to bottom and click "Create GitHub App"
observe_screen()
click({"x": <create_button_x>, "y": <create_button_y>})

# Step 6: Extract App ID and Client ID
# After creation, scrape the app settings page
observe_screen({"include_dom": "true"})

3. Post-Creation Steps

After app is created:

1. Generate Private Key: Navigate to app settings → Private keys → Generate
2. Install in Organization: Navigate to app settings → Install App → Select org
3. Save Credentials: Store App ID, Client ID, Client Secret, Private Key in sin-passwordmanager

Best Practices

• Always use observe_screen() before clicking to get current page state
• Use DOM analysis to find form fields precisely
• Add delays between actions (GitHub has rate limiting)
• Take screenshots at each major step for debugging
• Handle GitHub's 2FA if prompted

Error Handling

Example

User: "Create a GitHub App called @opnsin-code for OpenSIN-AI"

Agent:

1. Navigate to https://github.com/settings/apps/new
2. Fill form with app details
3. Configure permissions and events
4. Submit form
5. Generate private key
6. Install in OpenSIN-AI organization
7. Save credentials to password manager

Related Skills

• See Skill Catalog for related skills