Comic Chat Web

Studio

Studio Agent Skill


Install

Drag-and-drop .skill file

A portable zip of the skill can be dropped into ChatGPT or Claude.ai chats.

You can download the latest copy of comic-strip.skill on our release page.

npx skills

Install for any CLI agent, per project or user level.

npx skills add remsky/comic-chat-web

Claude Code plugin

/plugin marketplace add remsky/comic-chat-web
/plugin install comic-strip@comic-chat-web

OpenAI Codex plugin

codex plugin marketplace add remsky/comic-chat-web
codex plugin add comic-strip@comic-chat-web

How it works

You describe the strip. The agent writes the panels as a small JSON file, then checks them and builds the link, working from what ships inside:

File Carries
guidance.md Suggestions on story, camera, pacing, and character decisions
cast.md Descriptions of the available art; with the associated valid face and pose names.
backgrounds.md Descriptions of the nine backdrops and their color palettes
cast-query.mjs Script to look up who can do a given pose or face, or would fit a given scene.
strip-link.mjs Script to check the strip for mistakes and pack it into the link
catalog.json The full list of available art, read by both scripts, generated from the shipped drawings

The link carries the JSON script compressed. Nothing is uploaded and we store none of it. Opening the link draws the panels in your browser, and the Save menu gets you a PNG sheet, a padded square PNG, an MP4 or GIF, or the JSON back out.

Sample JSON
{
  "version": 2,
  "columns": 3,
  "panels": [
    {
      "background": "den",
      "actors": [
        { "avatar": "dan", "text": "The build is green", "emotion": "happy" },
        {
          "avatar": "anna",
          "text": "On the first try?",
          "emotion": "scared",
          "facing": "left"
        }
      ]
    },
    {
      "background": "den",
      "camera": "close",
      "actors": [
        { "avatar": "dan", "text": "I only changed one line", "gesture": "shrug" }
      ]
    },
    {
      "background": "den",
      "actors": [
        {
          "avatar": "anna",
          "text": "That is how it always starts",
          "emotion": "laugh"
        },
        { "avatar": "dan", "emotion": "scared", "facing": "left" }
      ]
    }
  ]
}
The link it hands back
https://comics.remsky.art/studio.html?s=jZCxbsMwDER_heDsqd20dO7UJVuRgZFpSahMGRSV1Aj874WSoTWQApkPj_d4Vzyz1lQE3cuAvuQ2S0X3OuBCwrmi-7ziifxX0NJkRIcjCw5I3oreUzqTkfaEemL8bejwEBlOLeURUoWgfKN4LnbrwkjLsuI2_MFJhH75DwGLDFPSamC6vu3w6kl5xAEn8kkCOsw8GW7HfvGBrqeZldChz6XyM_7vUCSv4CNJ4BGKMOQkHQ1crSl3i6gt_F_6qGP_5CGS9X1iuUAyoHyhtUI1Uqu7fzO1EPdz3W2fmeS4_QA

Limits