Loading...
Loading...
Found 9 Skills
Turn complex explanations into a one-page visual HTML explainer: the model writes only an extended Markdown content draft, while the skill’s bundled CLI handles templates, components, automatic SVG layout, and STE controlled-writing checks to produce a single-file page in one call. Use this skill as well when the user says `/answer-me-with-html config` or wants to change settings (automatically opening the browser, always-on mode, default theme). Proactively use it, without waiting for the user to ask, whenever an answer involves any of the following: ≥3 interrelated concepts; a flow/protocol/architecture with branches or multiple participants; a comparison or trade-off across ≥3 dimensions; a hierarchy (table of contents, modules, taxonomy); an evolutionary history or stages; or the user says "explain the principles / I didn’t get it / draw a diagram / explain this codebase / explain it with HTML / explain visually." Do not use it for: short Q&A that can be answered in under 200 characters, commands that need to be copied and executed immediately, pure code modifications, or when the user explicitly requests plain text.
Use when asked to explain visually with section clips
Explain the current topic visually with the smallest diagram, sketch, or HTML artifact that makes the point. Use when the user wants to see, diagram, sketch, or visualize structure, flow, or change.
Use when asked to explain visually with slides.
Use when asked to explain visually with a code walkthrough.
Use when the user asks for a visual explanation or to 'explain visually'.
Use when asked to explain visually with storytelling.
Explain a system, concept, or workflow as an editable Excalidraw diagram.
Use when asked to explain visually with a preview.