{"slug": "show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent", "title": "Show HN: ShipSlides – turn a URL into editable slides with a serverless agent", "summary": "ShipSlides launched as a Show HN project that turns a pasted URL or written brief into editable HTML, PDF, and PNG slide decks using Anthropic's claude-opus-5.5 model running on OpenComputer's serverless agent runtime. The agent registers four tools — web_fetch, check_deck, export_deck, and read_deck — writes one self-contained 1920 × 1080 HTML presentation, renders each slide in Chromium via Playwright to check JavaScript errors, canvas size, clipping and text overflow, and saves output under /workspace/slides/<name>/. The one-click deploy button imports the diggerhq/shipslides repository into a user's own OpenComputer account, running on that user's credits, while the public demo uses the project's deployed agent and the website runs on Vercel.", "body_md": "A little less slide work. A lot more story.\n\n# Ship a presentation.\n\nPaste a URL or describe your idea. Opus 5.5 designs the deck and an OpenComputer serverless agent checks and exports it. Editable HTML, PDF, and previews.\n\n## Your story is ready.\n\nReal decks generated by ShipSlides\n\n## Built for developer tools.\n\nA product overview, an architecture story, a developer introduction. See what a URL can become.\n\nHow it runs\n\n## A serverless agent on OpenComputer. Yours in one click.\n\nThe form starts a session. The model writes the presentation as HTML. Tools render it in Chromium, check the layout, and save the files. OpenComputer manages the agent loop, inference, tool computer, durable session events, and workspace storage.\n\nYour brief\n\n**→** Session + turn**→** Designer agent**→** Chromium checks**→** HTML · PDF · PNG\n- Website\n- This form sends your brief, audience, slide count, and style to a small Node API. On Vercel, that API authenticates with a server-side OpenComputer credential and the configured agent/project IDs. The local preview uses your CLI login and project binding. Your credential never goes to the browser.\n- Session\n- The API creates one session of the deployed designer, then submits your brief as a turn. OpenComputer runs the model/tool loop. The website polls durable events to show research, design, checking, and export progress. Reloading this page resumes the same session.\n- Agent\n- `agent.ts` selects`anthropic/claude-opus-5.5` , registers four tools, and returns the design instructions plus your brief. The agent chooses a narrative and varied layouts using the bundled Frontend Slides and Presentation Design skills.\n- Research\n- `web_fetch` reads public HTTPS pages, follows validated redirects, and returns bounded page text. Private addresses are rejected. The designer cites sources and labels fictional examples. A JavaScript-only website may need pasted source content.\n- Computer\n- The agent control loop runs in OpenComputer’s serverless runtime; custom Node tools execute on its managed tool computer. This is where network fetching, package installation, filesystem writes, and Chromium run. The renderer installs Playwright and Chromium on first use.\n- Design\n- The model writes one self-contained HTML presentation with inline CSS, JavaScript and diagrams. Slides use a 1920 × 1080 stage scaled to fit the browser. Each slide has speaker notes, with keyboard/touch navigation and inline text editing.\n- Validation\n- `check_deck` renders every slide and checks JavaScript errors, canvas size, clipping and text outside the slide. The agent reviews returned text and issues, then revises. The built-in skill reader cannot view generated PNGs, so visual review remains yours.\n- Export\n- `export_deck` independently repeats the checks, prints one slide per PDF page, and saves HTML, PDF, PNGs and a manifest under`/workspace/slides/<name>/` . No separate storage account or image model is needed.\n- Delivery\n- The website lists real session workspace files and requests authorized download URLs. Its server-side API retrieves those files for the browser. The finished HTML is embedded in a sandboxed viewer; download the HTML to keep editing or the PDF to share.\n- Revisions\n- `read_deck` loads a previously exported HTML deck in the same session. The agent can change particular slides and export again. Browser edits affect your HTML download; they do not automatically update the already-generated PDF.\n- Deployment\n- The one-click button imports `diggerhq/shipslides` into your OpenComputer account and deploys your own agent with its skills and tools. It runs on your credits. This website runs on Vercel. The public demo uses our deployed agent; the deploy button creates your own agent in your account.\n\n``` js\nimport { useInput, useModel, useTool } from \"@opencomputer/agent\";\n\nexport default function Agent() {\n  const input = useInput();\n  useModel(\"anthropic/claude-opus-5.5\");\n  useTool(\"skill\");\n  useTool(\"read\"); // packaged skill files\n  useTool(webFetch);\n  useTool(checkDeck);\n  useTool(exportDeck);\n  useTool(readDeck);\n  return `Design, check and export a deck for: ${input.text}`;\n}\n```\n\nFrom first thought to final slide. OpenComputer serverless agent", "url": "https://wpnews.pro/news/show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent", "canonical_source": "https://shipslides.dev", "published_at": "2026-10-03 16:37:30+00:00", "updated_at": "2026-10-03 17:06:55.877594+00:00", "lang": "en", "topics": ["ai-agents", "ai-tools", "ai-products", "developer-tools", "generative-ai"], "entities": ["ShipSlides", "OpenComputer", "Anthropic", "claude-opus-5.5", "Vercel", "Playwright", "Chromium", "diggerhq/shipslides"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent", "markdown": "https://wpnews.pro/news/show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent.md", "text": "https://wpnews.pro/news/show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent.txt", "jsonld": "https://wpnews.pro/news/show-hn-shipslides-turn-a-url-into-editable-slides-with-a-serverless-agent.jsonld"}}