Agent Skills › yc-software/qm › miniapp

miniapp

GitHub

用于在对话中生成自包含的交互式HTML小应用，以可视化方式演示机制、模拟过程或提供小型游戏，适用于需要直观交互解释的场景。

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

Trigger Scenarios

用户要求查看或玩某个机制需要可视化演示原理请求交互式模拟

Install

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

More Options

Non-standard path

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

Use without installing

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.