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.