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 concept-demo-designgit 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/concept-demo-design)<a href="https://agentmods.dev/skills/zts212653/clowder-ai/concept-demo-design"><img src="https://agentmods.dev/badge/skills/zts212653/clowder-ai/concept-demo-design/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/concept-demo-design"><img src="https://agentmods.dev/badge/skills/zts212653/clowder-ai/concept-demo-design.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.00117 | $0.06999 |
| Opus 5 | $0.00059 | $0.03499 |
| Sonnet 5 | $0.00023 | $0.01400 |
| Haiku 4.5 | $0.00012 | $0.00700 |
Grade A, and why
concept-demo-design scanned grade A with 0 findings 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 7d 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.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 294 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Concept Demo Design — 让理念先被看见
Demo 的工作，是把尚未适合直接产品化的问题变成可以亲眼判断的证据。页面、录屏和成片都是载体；真正决定做法的是它要回答什么问题，以及证据交给谁。
先路由
| 当前任务 | 去向 |
|---|---|
| 理念还停在文字里，需要让人看见因果变化 | 本 skill，demo_kind=concept_story |
| 技术名词很多，但观众仍无法判断主张是否站得住 | 本 skill 的条件式“可证伪技术剖面” |
| 正式实现前，需要在家里比较布局、交互、折叠与恢复行为 | 本 skill，demo_kind=product_experience_gate |
| 需要验证用户能否从起点走到目标结果，包括跨面板交接与失败恢复 | 本 skill，demo_kind=journey_validation |
| Demo Contract 已定，需要实现交互前端 | worktree + tdd，视觉核验用 browser-preview |
| 已有录屏，需要配音、剪辑、导出 | video-forge |
| 需要台上讲述的 slide | ppt-forge |
| 已经签字、准备进入正式产品 UI 与真实用户契约 | console-dev |
不要用正式产品工程代偿概念没想清。也不要拿一段剧本文字冒充可录屏的 Demo。
1. 先锁定唯一的判题
先选择 demo_kind，再写一句这个 Demo 必须回答的问题：
demo_kind |
要回答的问题 | 成功证据 |
|---|---|---|
concept_story 概念叙事 |
这个抽象变化是什么，为什么值得相信或想要？ | 目标观众能复述因果变化 |
product_experience_gate 产品体验 Gate |
哪个原生 UI / 交互方案应 keep、tune 或 sunset？ | operator 能在真实产品语境中比较并签字 |
journey_validation 用户旅程验证 |
代表性用户能否从起始状态走到目标结果，并跨过交接、打断与恢复？ | 每一步有真实语义与可重放证据，终态可判定 |
三个类型不是页面风格。一个可点击页面可能是概念叙事，也可能是体验 Gate；一段录屏也可能是在验证用户旅程。按要回答的问题分类，不按媒介分类。
开工前补齐两句话：
- 这个 Demo 要作出的判断：看完后，谁能决定 ______。
- 最小可见证据：如果结论成立，画面上必须亲眼看到 ______。
concept_story 还要写观众复述句：“我看到 ______ 变成了 ______，因为 ______。”
一支 Demo 只承载一个主判断。复杂理念可以有背景和护栏，不能让多个 feature 或抽象同时争当主角。
再选一帧“灵魂画面”：没有旁白时，这一帧仍能表达主张。先定灵魂画面，再倒推前因和后果。
2. 再定交付车道：家内还是对外
“目标观众是谁”还不够。画页面前必须把 Demo 的交付车道冻结进 Contract：
| 交付车道 | 何时选 | 视觉真相源 | 可以舞台化什么 | 不能做什么 |
|---|---|---|---|---|
internal_product_gate 家内原生体验 |
给 operator / 家里体验，判断能力是否该进入正式产品；在 Hub / Browser Preview 中点击 | 当前 Clowder AI 页面、组件、token、布局和真实 worktree | 独立的开发控制条、注释、场景跳转；应可隐藏 | 另造通用 SaaS 壳、落地页或“控制中心”代替产品界面 |
external_showcase 对外叙事展示 |
给没有家内先验的外部观众、发布会、招募或公开录屏 | Clowder AI 品牌身份 + 被讲述能力的真实交互语法 | 简化产品 chrome、增加导览和叙事舞台 | 把展示壳冒充已经上线的产品 UI，或丢掉品牌身份做成模板站 |
默认规则：只要 Demo 要在家里被体验、比较或据此拍板，就走 internal_product_gate；只有明确存在外部分发对象或传播场景时才走 external_showcase。不能仅因“录屏”二字自动走对外车道。
demo_kind 与 delivery_lane 是两个正交维度：前者定义判题，后者定义交付对象与视觉真相。用户旅程不是第三条观众车道——它既可以先在家里验证，也可以在验证后改编成对外 showcase。禁止把 journey_validation 塞成第三个 delivery_lane。
What ships with it
4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- 7d ago Changed · +33 lines 4667b7c09eba
- 10d ago First seen · 261 lines · 117 tokens per session scan A de64cdbb3b57
concept-demo-design is a skill published in the GitHub repository zts212653/clowder-ai (2,956 stars, last pushed yesterday), licensed MIT. It adds 117 tokens to every session and 6,999 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
html-ppt-hermes-cyber-terminal
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).
visual-ralph
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.
accessibility
Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.
make-resume
A Chinese-language tool for creating editable HTML resumes that can be changed in a browser and printed to PDF. It uses available resume templates when they are installed and otherwise provides a simpler fallback.