QingYunA/answer-me-with-html

Maintainer? Show your league in your README

Card: your league's emblem, from Copper to Legendary

[![bestofgithub](https://bestofgithub.dev/badge/QingYunA/answer-me-with-html.svg?style=card)](https://bestofgithub.dev/repo/QingYunA/answer-me-with-html)

Flat: fits beside your other badges

[![bestofgithub](https://bestofgithub.dev/badge/QingYunA/answer-me-with-html.svg)](https://bestofgithub.dev/repo/QingYunA/answer-me-with-html)

Loading README…

Part of the page	Share	With this skill
SVG diagrams: coordinates and paths	47%	The CLI writes it
CSS	15%	The CLI writes it
HTML tags	17%	The CLI writes it
Text	21%	The model writes it, as Markdown

	Ask for HTML directly	Answer me with HTML
Tokens the model writes	4,893	612	8× fewer
Time	31 s	12 s	2.6× faster

You ask	You get
"Explain the TCP three-way handshake"	A sequence diagram, a state diagram and a flag table
"How are the modules in this repo organized?"	A folder tree plus a call graph
"Redis or Memcached?"	A comparison table with ✓ and ✗, then a verdict
"What's wrong with this paragraph?"	Each sentence annotated, with the problem words and fixes
"How did Kubernetes come about?"	A timeline with the key moments highlighted
"Plan the cache change"	The real code from your files, and the open decisions as options you answer on the page
"How do I show hidden files with `ls`?"	No page. A one-line question gets a one-line answer

Where	How
Claude Code (plugin install)	`/answer-me-with-html:config` asks what to change. `/answer-me-with-html:config open off` changes it directly
Any agent	`/answer-me-with-html config open off`, or just say "stop opening the browser"
Terminal	`am config` to view, `am config set open off` to change, `am config reset` to restore defaults

Component	Good for
`flow`	Architecture, call chains, decision branches. Auto layout, with groups, decisions and databases
`er`	A data model: entities with their columns (PK / FK / UK) and crow's-foot relationships
`sequence`	Messages going back and forth between several parties over time
`tree`	Folders, modules, taxonomies
`timeline`	History, releases, phases
`limits`	A value against its limit
`chart`	Bars, lines or a pie from a table of numbers: several series, negative values, a highlighted row
`annot`	Word-by-word notes on a sentence
`kv`	Metadata, a drawing's title block
`callout`	A conclusion, a tip, a warning
`ask`	A decision you make on the page; the agent's suggestion has a tag; nothing starts selected
Code block	Real code quoted from a file (`src=` `lines=`), or a sketch
Table	Multi-way comparison. Write `ok` / `no` / `warn` in a cell to get ✓ ✗ !

QingYunA/answer-me-with-html

Answer me with HTML

Why not just ask for HTML?

Install

Let your agent install it (recommended)

Claude Code plugin

DeepSeek Harness plugin

One command

What you ask, what you get

How is this different from Archify or GenUI plugins?

Explainer videos

Settings

Always-on mode (recommended)

Updating and cleaning up

Background

How it works

Features

Components

The STE writing check

Development

Community

Star History

License


_{Blueprint theme (examples/ste100.md)}	_{shadcn theme, dark mode}