Getting it into your agent
There is no command for this one: it runs only inside a plugin, and the catalogue could not identify which plugin ships it. The source is linked below.
Wrote 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/wangxijie001/yoji/yoji-extensions)<a href="https://agentmods.dev/skills/wangxijie001/yoji/yoji-extensions"><img src="https://agentmods.dev/badge/skills/wangxijie001/yoji/yoji-extensions/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/wangxijie001/yoji/yoji-extensions"><img src="https://agentmods.dev/badge/skills/wangxijie001/yoji/yoji-extensions.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.00085 | $0.00736 |
| Opus 5 | $0.00043 | $0.00368 |
| Sonnet 5 | $0.00017 | $0.00147 |
| Haiku 4.5 | $0.00009 | $0.00074 |
Grade A, and why
yoji-extensions 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 10d 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.
What it actually says
yoji-extensions — 优姬的外挂工具箱
什么时候用
以下场景写 HTML + preview_html，不要用文字回复：
| 场景 | 用户说什么 | 做法 |
|---|---|---|
| 🎬 播放视频 | "帮我播这个视频"、"放一下xxx" | HTML <video> + preview_html |
| 🖼️ 展示图片 | "展示这几张截图"、"看一下这些图" | HTML <img> 画廊 + preview_html |
| 📊 数据可视化 | "画个柱状图"、"对比一下数据" | HTML + Chart.js CDN + preview_html |
| 📄 文档预览 | "预览这个 Markdown"、"看看这个 PDF" | HTML + marked.js + preview_html |
| 🎨 漫画/画册 | "生成漫画预览"、"做个相册" | HTML 分页 + preview_html |
| 🔧 交互工具 | "做个倒计时"、"弄个计算器" | HTML + JS + preview_html |
不需要 preview_html：纯文字问答、文件读写、执行命令、网页搜索。
工作流程
- 判断场景：用户需要可视化展示 → 走本 Skill；文字回复 → 直接答
- 编写 HTML：用
write_file在沙箱/extensions/目录创建 HTML 文件 - 打开预览：调用
preview_html，path传磁盘绝对路径，title传窗口标题 - 后续修改：用户反馈后用
edit_file修改沙箱中的文件，重新preview_html
文件存放位置
所有外挂 HTML 工具统一放在沙箱 /extensions/ 目录，映射到磁盘：
/Users/wangxijie/Library/Application Support/yoji/companion/extensions/
已有工具清单记录在 extensions/index.md 中，每次新增工具后同步更新。
HTML 编写规范
<html><head><body>完整结构，CSS 在<style>，JS 在<script>- 外部库用 CDN（Chart.js、D3.js、marked.js 等）
- 本地视频/图片用绝对路径
- 背景深色，字体舒适，适配窗口
- 播放器场景默认 controls
注意事项
path必须是磁盘绝对路径，禁止使用沙箱虚拟路径（如/xxx.html）- 磁盘绝对路径 = 沙箱路径映射：
/extensions/xxx.html→/Users/wangxijie/Library/Application Support/yoji/companion/extensions/xxx.html - 用户关闭窗口后重新调
preview_html即可恢复
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.
- 10d ago First seen · 53 lines · 85 tokens per session scan A e1ed7c768b24
yoji-extensions is a skill published in the GitHub repository wangxijie001/yoji (787 stars, last pushed 28d ago), licensed MIT. It adds 85 tokens to every session and 736 once invoked, about $0.0004 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
sn-motion-html
Build continuous-shot motion-driven HTML stories from a subject or narrative, including research, story structure, consistent AI stills, Seedance scene and connector clips, interface styling, media normalization, and browser QA. Use for immersive journeys, timelines, product stories, fictional worlds, or other…
frontend-quality
Build, debug, review, or polish user interfaces with responsive layout, accessibility, and pixel-level visual verification. Use for frontend components, browser UI, terminal UI, resize defects, visual regressions, and interaction problems.
claude-design
Design one-off HTML artifacts (landing, deck, prototype).
p5js
Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.
pretext
Build creative browser demos with DOM-free text layout.
sketch
Throwaway HTML mockups: 2-3 design variants to compare.