Clowder AI is a self-hosted workspace where AI agents from different model families work together as a persistent team, retaining identities, shared evidence, and memory across tasks. It is for people who want to coordinate multiple AI agents without repeatedly rebuilding their context.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add zts212653/clowder-ai --skill browser-previewgit clone --depth 1 https://github.com/zts212653/clowder-aiWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/zts212653/clowder-ai/browser-preview)<a href="https://agentmods.dev/skills/zts212653/clowder-ai/browser-preview"><img src="https://agentmods.dev/badge/skills/zts212653/clowder-ai/browser-preview/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/zts212653/clowder-ai/browser-preview"><img src="https://agentmods.dev/badge/skills/zts212653/clowder-ai/browser-preview.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00072 | $0.03694 |
| Opus 5.5 | $0.00029 | $0.01478 |
| Sonnet 5.5 | $0.00014 | $0.00739 |
| Haiku 4.5 | $0.00007 | $0.00369 |
Grade A, and why
browser-preview scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
curl -s -o /dev/null -w "%{http_code}" http://localhost:PORT How it starts
The opening of the file, as written. The whole thing — 169 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Browser Preview
Hub 内置了嵌入式浏览器面板（F120），可以直接预览运行中的 localhost 应用。猫猫写完前端代码不用让operator切浏览器看效果。
工作流
基础流程（端口发现 → 预览）
- 启动 dev server：交互 Terminal 可直接前台跑；要把 Clowder AI feature worktree 的标准服务交给operator跨回合查看时，猫的 invocation/
-p会话必须用仓库的 managed launcher：pnpm --dir /absolute/cat-cafe-feature-worktree preview:process start --port PORT --cwd /absolute/cat-cafe-feature-worktree -- env -u NODE_ENV -u npm_config_production -u NPM_CONFIG_PRODUCTION CAT_CAFE_WORKSPACE_ROOT=/absolute/cat-cafe CAT_CAFE_RUNTIME_ROOT=/absolute/cat-cafe-feature-worktree pnpm dev:directouter--dir与 inner--cwd必须解析为同一个物理 worktree。不要用 tool 的 per-call workdir 隐式代替这个坐标：provider hook 可能只看到 turn cwd。outer form 只识别这条受约束的dev:directchild；它不是任意COMMAND的通行证。 自定义 child 或外部项目的 start 仍用 ordinary form：从实际包含preview:processpackage script 的 Clowder AI checkout 作为 tool cwd，执行pnpm preview:process start --port PORT --cwd /absolute/project/path -- COMMAND [ARGS...]，不加 outer--dir。这条启动命令走 ordinary policy，不获得 typed worktree authority。后续 status/stop 按目标--cwd的身份选 grammar，而不是照抄 start：目标是cat-cafe-*worktree 时必须用 bounded outer--dir；其他项目目标才继续用 ordinary form。 macOS 上它会把目标直接注册为一次性 user LaunchAgent；普通 detached child、nohup、setsid或 PTY 都不算独立托管。托管预览默认 8 小时自动到期（可用--lifetime-seconds N缩短，最长 24 小时），避免遗留 watcher 持续制造文件事件。 已合入代码的标准 Alpha 可从实际 main checkout 托管：pnpm --dir /absolute/cat-cafe preview:process start --cwd /absolute/cat-cafe --port 3011 -- pnpm alpha:start -- --no-quick。--no-quick可省略；start/status/stop 共用相同 package/target cwd 和 3011。允许选项与隔离端口只由scripts/lib/alpha-launch-contract.mjs决定；named Alpha 的 instance/ports 继续由alpha-coordinates.mjs验证，不传任意 child/env/path。Alpha 启动合同和 browser VerificationPlan 分别负责启动与验证。 - Hub 自动检测端口 → 弹出 toast 提示"检测到 localhost:xxxx 启动"
- 点击 Open Preview → 自动打开 browser panel 并加载页面
- 也可以手动：切到 workspace 的 Browser tab，输入
localhost:port按 Go
改代码 → HMR 热更新 → browser panel 内页面自动刷新，无需手动操作。
猫主动打开浏览器（Phase C — 必须掌握）
operator说过："别手动让我输入，你最好打开浏览器，把页面放出来。"
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago Changed · +1 lines a62d21755cdd
- 14d ago Changed · +8 lines b0ba7a2fb736
- 1mo ago Changed · +5 lines 779960de2e78
- 1mo ago First seen · 155 lines · 72 tokens per session scan A 9c77315a75ee
browser-preview is a skill published in the GitHub repository zts212653/clowder-ai (3,471 stars, last pushed today), licensed MIT. It adds 72 tokens to every session and 3,694 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
debug-optimize-lcp
Guides debugging and optimizing Largest Contentful Paint (LCP) using Chrome DevTools MCP tools. Use this skill whenever the user asks about LCP performance, slow page loads, Core Web Vitals optimization, or wants to understand why their page's main content takes too long to appear. Also use when the user mentions…
interactive-login
Log a CLI in with a browser/device-code flow (aws sso, gh, glab, gcloud, …) and save the result to the keychain so later commands can request it through execute.credentials.
pinchtab-mcp
Use this skill when a task requires browser automation through PinchTab's MCP server connected to a remote browser instance. Covers navigation, element interaction, data extraction, form filling, multi-step flows, and session management via MCP tools.
azure-messaging-webpubsub-java
Build real-time web applications with Azure Web PubSub SDK for Java. Use when implementing WebSocket-based messaging, live updates, chat applications, or server-to-client push notifications.
cua-driver
Use Cua Driver for desktop or browser tasks that are awkward or unavailable through Bash/APIs, or when the user explicitly wants GUI interaction: app testing, visual bug reproduction, form filling, calendar entry, screenshots, and demo recording. Also covers Cua setup; not OpenAI Codex Computer Use or web research.
open-design-browser
Inspect and exercise local HTML design artifacts and library prototype previews with the existing agent-browser CLI, including screenshots, interaction checks, and rendered DOM snapshots. Use when rendered evidence helps author or review a design; excludes browser installation, remote services, and unrelated browser…