Prismer Cloud is an infrastructure layer for AI agents that provides shared learning, compressed context, persistent memory, collaboration, messaging, tasks, identity, and workspaces. It is for agents and the people building or using long-running agent systems that need information and outcomes to persist across sessions. The catalogue entries provide skills, hooks, agents, instructions, and a plugin for using Prismer Cloud.
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 Prismer-AI/PrismerCloud --skill ui-canvasgit clone --depth 1 https://github.com/Prismer-AI/PrismerCloudWrote 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/prismer-ai/prismercloud/ui-canvas)<a href="https://agentmods.dev/skills/prismer-ai/prismercloud/ui-canvas"><img src="https://agentmods.dev/badge/skills/prismer-ai/prismercloud/ui-canvas/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/prismer-ai/prismercloud/ui-canvas"><img src="https://agentmods.dev/badge/skills/prismer-ai/prismercloud/ui-canvas.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00054 | $0.01876 |
| Opus 5.5 | $0.00022 | $0.00750 |
| Sonnet 5.5 | $0.00011 | $0.00375 |
| Haiku 4.5 | $0.00005 | $0.00188 |
Grade A, and why
ui-canvas 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 22d 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 — 149 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI Canvas
用一个代码定义的展开画布完成 spec ↔ 真实生产组件 ↔ 用户操作 ↔ 可寻址视觉证据 对齐。Production checkpoint 必须在 Frame 内直接渲染真实 UI；不能安全渲染就保留同尺寸 gap contract。最终证据来自真实 /ui-canvas deep link，不来自 /ui-kit 仿制稿。
承重规则
- 先读 implementation spec 的
UI Canvas index和 Canvas registry，建立双向索引。 - 禁止从
src/app/ui-kit/sections/**取节点实现；/ui-kit仅是历史参考。 - Canvas callback 只能改变本地 fixture、选中节点和 edge 高亮，不得发业务请求。
aligned版本不可原地修改；需求变化时新增版本并用previousVersion回指。- Production Frame 直接 import 生产组件；不能复用就写
gap，不复制 JSX 冒充闭合。 - 测试和截图只证明 Canvas route/registry/render；不能证明 service、DB、daemon 或业务副作用。
- 截图 asset 与 ReportCard 证明“证据已产出”，不能自动判定“视觉正确”。
Workflow
1. 建立双向索引
从 spec 找出 set、journey、checkpoint 与 user/system oracle。每个 CanvasSet、version、journey、node 都持有真实 SpecRef；spec 反向列出 Overview、journey deep link 与 registry source。
2. 盘生产 source
rg -n "export (function|const|class)" src/app src/components
rg -n "ui-kit/sections|fetch\\(|imFetch\\(|/api/" src/app/ui-canvas
| 判定 | 条件 | 动作 |
|---|---|---|
production |
props 可确定性渲染，callback 可留在本地 | 在 component-registry.tsx 直接 import |
gap |
没有生产组件，或 wrapper 挂载即请求/轮询 | 写清 reason、driftRef、双 oracle |
生产 wrapper 只因数据编排不能复用时，可抽纯 *View 让生产 wrapper 与 Canvas 共用；不得借机修改 endpoint、model、daemon 或 SDK。
3. 写不可变版本
- draft 可编辑；
aligned后冻结。 - 需求变化新增版本文件，不覆盖历史文件。
- checkpoint 总数、唯一性、edge 完整性和 production source 由 registry test 锁定。
- Overview 从 journey registry 派生，不复制 checkpoint。
4. 展开 Frame 与操作边
- Production checkpoint 使用约
960×680的 Frame，body 直接挂 renderer。 - Gap 使用同尺寸 contract，显示 reason、driftRef、双 oracle 和 SpecRef。
- 默认相机聚焦 deep-link Frame；整条路径缩略图只能通过显式
Fit journey。 - Inspector 使用浮层，不永久挤压真实组件。
- Edge label 写用户动作或条件；用
action / condition / error / recovery / handoff区分语义。 - 生产 callback 选择对应 outgoing edge；没有真实 target 时只记录 local action。
5. 验证结构与真实渲染
npx vitest run src/app/ui-canvas/__tests__
npx tsc --noEmit
PRISMER_BASE_URL=http://127.0.0.1:3000 \
npx playwright test e2e-playwright/specs/ui-canvas.spec.ts --project=chromium
rg -n "ui-kit/sections|fetch\\(|imFetch\\(|/api/" src/app/ui-canvas
What ships with it
1 file 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.
- 22d ago First seen · 149 lines · 54 tokens per session scan A ab09c53e1481
ui-canvas is a skill published in the GitHub repository Prismer-AI/PrismerCloud (1,384 stars, last pushed 7d ago), licensed MIT. It adds 54 tokens to every session and 1,876 once invoked, about $0.0002 per session on Opus 5.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-09-29.
Other skills, from other repositories
frontend-design
Create highly adaptive, production-grade frontend interfaces optimized for modern web standards and Generative UI pipelines. Use when building components, layouts, or design systems that require a distinct, non-generic aesthetic.
ui-review
Review product UI against DESIGN.md and accessibility criteria.
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns…
ui-designer
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
applying-brand-guidelines
Apply consistent corporate branding and styling to generated documents, including colors, fonts, layouts, and messaging. Use when the user needs branded deliverables or asks to follow company design standards.