Agent Skills › yc-software/qm › miniapp

miniapp

GitHub

用于在对话中生成自包含的微型HTML互动演示、模拟或小游戏。适用于需要可视化解释机制或交互体验的场景，要求代码无外部依赖且支持键盘操作。

skills-seed/miniapp/SKILL.md yc-software/qm

触发场景

用户希望查看机制的交互式演示用户请求运行小型模拟程序用户想要通过互动方式理解概念

安装

npx skills add yc-software/qm --skill miniapp -g -y

更多选项

非标准路径

npx skills add https://github.com/yc-software/qm/tree/main/skills-seed/miniapp -g -y

不安装直接使用

npx skills use yc-software/qm@miniapp

指定 Agent (Claude Code)

npx skills add yc-software/qm --skill miniapp -a claude-code -g -y

安装 repo 全部 skill

npx skills add yc-software/qm --all -g -y

预览 repo 内 skill

npx skills add yc-software/qm --list

SKILL.md

Frontmatter

{
    "name": "miniapp",
    "description": "Build a tiny interactive HTML playground only when someone asks to see, play with, or step through a mechanism."
}

Miniapp

In a web conversation, use the miniapp tool for a focused, one-screen interactive explanation, simulation, or small game. The tool is intentionally unavailable on surfaces that cannot render playground artifacts.

Keep HTML, CSS, and JavaScript self-contained.
Do not use network requests, external assets, modules, or servers.
Make controls keyboard-accessible and label them clearly.
Let the document choose its own presentation; the host will not rewrite it.
Do not put a marker or artifact URL in the reply. The client attaches the playground from the typed tool result.
Use publish instead when the app needs persistence, a server, or multiple routes.