AgentSkillsCN

integration

通过 Markdown 链接、HTML 属性、WebSocket、JS API 或 Spawn API,将项目与 TabzChrome 终端集成。

SKILL.md
--- frontmatter
name: integration
description: Integrate projects with TabzChrome terminals via Markdown links, HTML attributes, WebSocket, JS API, or Spawn API
user-invocable: true

TabzChrome Integration

Help users integrate their projects with TabzChrome terminals.

When to Use

  • Creating project dashboards with terminal buttons in markdown
  • Adding "Run in Terminal" buttons to web pages
  • Creating CLI tools that queue commands to TabzChrome
  • Building prompt libraries with fillable templates
  • Programmatically spawning terminal tabs

Integration Methods

MethodAuthBest For
Markdown tabz: linksNoneProject dashboards, docs in file viewer
HTML data-terminal-commandNoneStatic buttons on web pages
WebSocket + websocatFile tokenCLI/tmux workflows
WebSocket + JSAPI tokenPrompt libraries, web apps
POST /api/spawnTokenCreating new terminal tabs

Quick Start

First, ask which integration the user needs:

code
questions:
  - question: "Which TabzChrome integration methods do you need?"
    header: "Integration"
    multiSelect: true
    options:
      - label: "Markdown Links"
        description: "tabz: protocol for project dashboards in file viewer"
      - label: "HTML Buttons"
        description: "data-terminal-command for 'Run in Terminal' buttons"
      - label: "CLI/Scripts"
        description: "WebSocket via websocat for shell scripts"
      - label: "Web App JS"
        description: "JavaScript WebSocket for prompt libraries"
      - label: "Spawn API"
        description: "POST /api/spawn to create new tabs"

Then provide the relevant reference:

SelectionReference
Markdown Linksreferences/markdown-links.md
HTML Buttonsreferences/html-integration.md
CLI/Scriptsreferences/cli-websocket.md
Web App JSreferences/javascript-api.md
Spawn APIreferences/spawn-api.md

Authentication Summary

ContextMethod
CLI / ScriptsTOKEN=$(cat /tmp/tabz-auth-token)
Extension SettingsClick "API Token" → "Copy Token"
External web pagesUser pastes token (stored in localStorage)

Architecture Overview

code
Web Page / CLI / App
        │
        ▼
TabzChrome Backend (localhost:8129)
        │
        ▼ WebSocket broadcast
Chrome Extension
        │
        ▼
Sidepanel → Terminal Tabs

For security considerations on HTTPS sites, see references/security.md.