メニュー
Produce self-contained HTML, React, or Python preview code for quick in-app rendering when the user wants a simple demo, toy UI, or fast visual verification rather than a full project.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Use Python for data analysis and embed Mermaid or viz charts directly in chat when diagrams improve clarity, explanation quality, or decision support.
Create, inspect, and modify Word, Excel, and PowerPoint documents through office_cli when the task involves .docx, .xlsx, or .pptx files.
Create or update project skills using a deterministic scaffold + materialize + validate workflow. Use when the user wants a new skill, wants to revise an existing skill, or asks the agent to self-bootstrap new capabilities.
Search, scrape, and interact with websites when the task requires online information gathering, page extraction, or multi-step browser interaction.
Create, analyze, proofread, and modify Office documents (.docx, .xlsx, .pptx) using the officecli CLI tool. Use when the user wants to create, inspect, check formatting, find issues, add charts, or modify Office documents.
| name | canvas_preview |
| description | Produce self-contained HTML, React, or Python preview code for quick in-app rendering when the user wants a simple demo, toy UI, or fast visual verification rather than a full project. |
当用户需要：
优先加载这个 skill。
HTML / React / Python 中选最稳的一种；没有明确要求时优先 HTMLHTML 必须单文件自包含，样式和脚本内联，不依赖 CDN 和外部资源React 必须是单文件组件预览：默认导出 App，不引入第三方包，不拆多文件Python 必须使用标准库；优先直接打印完整 HTML/SVG，或写出 preview.html / preview.svg / preview.png详细内容见同目录的 reference.md