# answer-me-with-html

> Turns an answer into a one-page visual HTML explainer: the model writes a short Markdown draft and the bundled CLI buil…

Turns an answer into a one-page visual HTML explainer: the model writes a short Markdown draft and the bundled CLI builds one page. Use it proactively and liberally, without being asked, whenever a page would help the reader more than plain text, even if plain text would also work: any explanation of how something works or how parts relate (flow, request path, architecture, code or folder structure, state machine, lifecycle, history); any comparison, trade-off or decision with pros and cons; any diagnosis, review or investigation, especially with several causes or findings to rank; any answer with a table, a numbered or ranked list, steps, branches or several sections; or when the user says "I don't get it / draw it / explain visually / 讲讲原理 / 没看懂 / 画个图". When in doubt, use it: a page is quick and cheap to make. Also for explainer videos ("make a video", "做个视频") and for changing its settings. Skip only for small talk, a trivial one-line answer, or when the user asks for plain text.

- Type: Skill
- Made by: QingYunA
- Formats: Skills
- Version: 4377217
- Source: https://github.com/qingyuna/answer-me-with-html/tree/HEAD/skills/answer-me-with-html
- Page: https://pluginboard.ai/skills/answer-me-with-html-qingyuna

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the answer-me-with-html folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Claude

In Claude (web or desktop): Download the answer-me-with-html folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Gemini

In Gemini: Download the answer-me-with-html folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.copilot/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Cursor

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.cursor/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Claude Code

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.claude/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

Or all of Answer me with HTML, in Claude Code:

```text
/plugin marketplace add QingYunA/answer-me-with-html
/plugin install answer-me-with-html@answer-me-with-html
```

### Codex

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.agents/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Antigravity

In Antigravity: Copy the answer-me-with-html folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Gemini CLI

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.gemini/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Replit

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html .agents/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### OpenClaw

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.openclaw/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### OpenCode

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.config/opencode/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

### Hermes Agent

Run in your terminal:

```shell
npx -y degit QingYunA/answer-me-with-html/skills/answer-me-with-html ~/.hermes/skills/answer-me-with-html
```

View the folder on GitHub: https://github.com/QingYunA/answer-me-with-html/tree/HEAD/skills/answer-me-with-html

---
From Pluginboard (https://pluginboard.ai).