renaissance-mind/showai/show-visual
Claude Code and agent skill by renaissance-mind/showai
- community
Checking that the SKILL.md file is still in the repository.
在对话中直接展示 1–5 个 ShowAI 组件(图表、示意图、流程、机制演示、模拟、对比、界面原型),不建项目、不保存。用户想马上看到、探索或比较,且没有要求保存、整理成文档、分享或续改已有页面时使用;要留存时转 show-document。
Install
npx vskill@latest install renaissance-mind/showai/show-visualSKILL.md
对话展示
用一次 show_component 把组件直接放进对话。不需要项目、模板或四个阶段,结果不写入内容库。
先判断
- 值不值得画。 文字、Markdown 表格或 Mermaid 已经讲清时直接回答,不调用 ShowAI。画面要让读者看出文字说不清的关系、变化、空间结构,或能亲手调整参数。用户要求画图或做可视化时用 ShowAI 组件画:读者可以缩放、点开细节、切换视图,之后也能原样存进页面。
- 是不是展示。 请求提到保存、文档、报告、项目、分享、发给别人,或是在续改一份已有 Page 时,进入 show-document。其余可视化请求按对话展示处理。
- 这张图回答什么。 先写一句“读者看完能知道什么”,据此选组件、取数据;这是展示路径里唯一的意图记录。
制作
- 选组件。 内置组件不需要项目:用
public_catalog_list({kind:"component"})取得索引(任何连接都有);已持有project_context的 componentCatalog 时直接沿用,它还含该项目的自定义组件。按 description、scenarios 和 signature 选一个主组件。需要并排对照或“图加一段说明”时最多放 5 个;内容再多就应整理成文档。索引条目带conversation: "limited"表示放进对话有已知限制(详情见该组件 summary 的 conversation.note,show_component 也会在 warnings 里说明),"unsuitable"表示不适合放进对话,改选其他组件或整理成文档。
目录里没有合适的组件时,先告诉用户:可以用文字或表格回答,或临时写一个组件。选择写组件时按 create-component 编写,用 componentSources 预览,格式与 component_save 的 source 相同(manifest、schema、source,可选 files、assets);用户要复用时再保存。
- 读 guide。 内置组件用
public_catalog_describe({id,view:"guide"});项目自定义组件用catalog_describe({projectId,id,view:"guide"})。按 schema 填真实数据,不补造数字;本轮已读过同一版本时不重复读。 - 调用。
show_component({kind,data}),多个组件用blocks:[{kind,data},…]。data 与page_apply的component.insert完全相同。自定义组件写{kind:"custom",data:{componentId,version,integrity?,props}},integrity 取自目录条目;它保存在某个项目里时再传projectId,只用于查找组件,不写入项目。开发中的组件包用componentSources预览。 - 回复。 按返回的 delivery 交付(见下)。正文只写画面帮读者看出的一两点,不复述数据,不介绍工具或文件。
交付
先读 当前宿主适配,再调用 show_component;通用规则见 宿主显示。默认 delivery:auto 跟随该连接声明;按实际返回的 delivery.mode 执行适配指南中的显示动作,例如 mode:"compact" 时把 delivery.compact 原样交给宿主的 HTML 展示工具。
宿主已经呈现原生组件视图时,最终回复只补充必要解释。文件、HTML 片段、图片等交付按当前适配指南处理,不向用户输出供其他 Harness 使用的展示指令。没有可执行的显示契约时,说明缺项并保留内容与可用文件。
工具成功不等于用户已看到。warnings、宿主加载错误或原样指令都要按当前适配排查。display.resourceAttached:true 只说明附带了资源。读者控件的 showai.readerState 是临时状态;展示没有 Page 身份,不能声称已保存。
之后要保存
用户说“存下来”“整理成文档”时转 show-document。只存这几个组件时,按 use-showai 确定项目,用 page_create({projectId,blocks}) 或 component.insert 原样写入同一份 {kind,data}(自定义组件沿用返回的 version 与 integrity),再 page_present。读者在预览里调整的取值(showai.readerState)不会自动写入:用户要保留调整后的状态时,先说明会改哪些字段,再写进 data。要把多次展示整理成一份文档时进入四个阶段,已有展示作为材料。
展示本身没有保存,不要说已保存;连接或保存失败时也不改用展示了事。
当前连接没有 show_component 时,说明 ShowAI 运行时早于这项能力,需要更新 App 后重新连接;本次可用 render_document 传入只含这些组件的文档代替,同样不保存。完全没有 ShowAI 连接时,说明连接不可用(见 use-showai);对话展示可以先用 Mermaid 或 Markdown 表格回答,并说明这不是 ShowAI 组件。
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingplugins/showai/skills/show-visual/SKILL.md
Popularity
- 7-day trend score
- 0
Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/renaissance-mind/showai/show-visual)