QingYunA

answer-me-with-html 30 天 5k Star 🌟 啦 它是什么： 一个让你把 Agent 输出转换成可视化 HTML 的 Skill Agent 只需要输出 md，由 cli 转换成 html 所以又快又好看😍😍 Github： QingYunA/answer-me-with-html 欢迎大家多多使用，有意见找我反馈！ t.co

This is a must-have skill for any dev using Claude Code, Codex, and Cursor. This repo gives you a clean HTML page with diagrams, timelines, and tables instead of a wall of text. Excellent for visual learners. 👉 QingYunA/answer-me-with-html t.co

Show HN: Agent outputs slop texts, so I make a superfast HTML skill visualize it

가상 손님 100명이 먼저 답한다, 클로드(Claude) 스킬 파운더 외 4개 | 깃허브 인기 AI 스킬 깃허브에서 별을 많이 모은 클로드(Claude) 스킬 다섯 개가 실제로 무엇을 내놓는지 — 조사 last30days(레딧 · 유튜브 · 틱톡의 최근 30일 반응을 한 장으로) · 기획 archify(한 문장 → 눌러 보는 그림) · 정리 answer-me-with-html(긴 답 → 그림 있는 한 페이지) · 검증 founder-skill(가상 손님 100명 · 가상 이사회 · 본전 계산) · 마무리 humanizer(영어 글의 AI 티 35가지를 찾아 고치기). 화면의 숫자 · 예시는 각 저장소 안내문(README) 기준이고, 별 수는 10/25 기준입니다. 저장소 주소와 설치 문장은 고정 댓글과 소개 페이지에 있습니다. 공식 도움말 기준 웹(claude.ai)에서는 맞춤설정 → 스킬에서 압축 파일(ZIP)을 올리고, 코드 실행이 켜져 있어야 합니다. 믿을 만한 곳의 스킬만 설치하고, 켜기 전에 파일을 읽어 보십시오. 출처 - Claude 도움말 — Using Skills in Claude (2026-10-25) support.claude.com - 깃허브 — mvanhorn/last30days-skill (2026-10-25) mvanhorn/last30days-skill - 깃허브 — tt-a1i/archify (2026-10-25) tt-a1i/archify - 깃허브 — QingYunA/answer-me-with-html (2026-10-25) QingYunA/answer-me-with-html - 깃허브 — Jakeschincariol/founder-skill (2026-10-25) Jakeschincariol/founder-skill - 깃허브 — blader/humanizer (2026-10-25) blader/humanizer #AI #클로드 #Claude #클로드스킬 #깃허브 #AI스킬 #shorts

I tested 4 Claude Code token savers on real tasks with hidden tests. Only one lowered the bill, and only on big jobs I wanted to know if token-saving plugins actually lower the bill, so I ran them against plain Claude Code on two real tasks and graded everything with hidden tests the agent never saw. Setup - Claude Code 2.1.289, Sonnet 5.5, headless (claude -p), same flags every run - Fresh Docker container per run, nothing carried over - Task 1: a hard bug in humanize (precisedelta), 66 hidden tests - Task 2: an 8-file feature in WeasyPrint (box-shadow), 4,292 hidden tests - 3 runs per tool per task, 6 for the bug baseline and caveman - Cost repriced from the token counts at Sonnet 5.5 API list prices Median cost vs plain Claude Code | tool | small bug | 8-file feature | |---|---|---| | ponytail v5.3.2 | +20% | -34% | | caveman v4.0.1 | -3% | -3% | | superpowers v7.0.0 | +32% | +2% | | answer-me-with-html v0.5.5 | never activated (0/6) | never activated | Output tokens (what the agent writes) - ponytail: -38% on the feature - caveman: -21% on the bug - superpowers: +20% on the bug Hidden test scores stayed basically the same for all of them. Superpowers passed 1 more test on the bug (63/66 vs 62/66). What I took from it Caveman cut output by 21% and the bill barely moved. Output is only part of the cost. Most of it is the agent re-reading context every turn (cache reads and writes), and none of these tools touch that much. Ponytail was the only one that cut reads too, and only on the long task, which is where it saved 34%. On a quick bug it added overhead and cost more. Caveats - Small sample, Sonnet only. Caveman's -3% is within noise. - Caveman's hook stays off in headless mode unless you set CAVEMAN_DEFAULT_MODE=caveman, so I set it. - answer-me-with-html showed up in the skill list but never got invoked in 6 runs. It might do better if you call it explicitly. - Costs are API-rate estimates from token counts, not a real invoice. Total spend for 36 runs: about $10.58. Repos: - ponytail: github.com/DietrichGebert/ponytail - caveman: github.com/JuliusBrussee/caveman - superpowers: github.com/obra/superpowers - answer-me-with-html: github.com/QingYunA/answer-me-with-html Happy to share the per-run numbers if anyone wants them. Running a second round now on a 3D build task to see if it holds on a different kind of job.

AI Answers Complex Questions With ONE HTML Page 🤯 #Shorts This AI agent skill turns hard questions into beautiful, readable HTML pages instantly. Over 4K stars on GitHub! #aiagent #claude #html #opensource #techtools #programming Check it out: QingYunA/answer-me-with-html

试了下之前X友推荐的这个skill：Answer me with HTML 效果蛮不错，以前问AI稍微复杂点的问题，甩回来一大堵文字墙，看得头疼，用这个skill可以顺手给你生成一页排版好的 HTML：有时序图、状态图、对比表等等，比纯文字可读性要好的多，喜欢这种输出风格的可以装一个 QingYunA/answer-me-with-html t.co

5 مشاريع ذكاء اصطناعي ظهرت على GitHub في أسبوعين 🔥 (مفتوحة المصدر) 5 مشاريع ذكاء اصطناعي مفتوحة المصدر ظهرت على GitHub في أسبوعين، وجابت آلاف النجوم 🔥 في الفيديو بشرح كل مشروع بسرعة: بيعمل إيه، والترخيص، وبيشتغل على أنهي نظام. ⚠️ المعلومات من وصف أصحاب المشاريع على GitHub، ولسه ماجربناهمش. الأرقام بتاريخ 19 أكتوبر 2026. ⏱️ الأحداث: 0:00 المقدمة 0:20 DigUp: دوّر في ملفاتك بالمعنى 0:45 Anatomy: الذكاء الاصطناعي يبني الفكرة بدل ما يحكيها 1:11 Answer me with HTML: رد واحد مقروء بدل جدار نص 1:35 magpie: بوابة واحدة لنماذج وكلاء البرمجة 2:04 Coucou: صاحب صغير في النوتش 2:29 نصيحة قبل ما تحمّل أي مشروع 2:53 الخاتمة 🔗 المشاريع: DigUp: ARahim3/DigUp Anatomy: wheresryan22/anatomy Answer me with HTML: QingYunA/answer-me-with-html magpie: yetone/magpie Coucou: Louis-CFM/coucou 🔔 اشترك وفعّل الجرس. قولي في التعليقات: أنهي مشروع تحب أجرّبه في فيديو لوحده؟ #الذكاء_الاصطناعي #جيت_هاب #مفتوح_المصدر #GitHub #AI

Answer Me With HTML GitHub Explained: Turn Dense AI Output into Local HTML answer-me-with-html by qingyuna: qingyuna/answer-me-with-html Answer Me With HTML is a GitHub skill for AI coding assistants that routes dense, multi-step explanations into standalone HTML pages rendered locally. Its split architecture lets the model draft lightweight Markdown while the CLI handles layout, diagrams, charts, themes, and styling. This overview covers the Node.js 20+ requirement, the agent-based installation path, TCP sequence-diagram rendering, blueprint themes, and ASD-STE100 linting. It also highlights version hygiene, a path-traversal fix, offline output, and advanced chart, tree, timeline, and animated-video workflows. The tradeoff is clear: static visuals favor portable offline pages over interactive dashboards. TimeStamps: 0:00 Why dense AI output needs visual rendering 0:23 Token reduction and the local CLI pipeline 0:57 The Node.js 20+ runtime requirement 1:42 Agent installation and bundled dependencies 2:42 Rendering a TCP sequence diagram 3:18 Blueprint themes and visual configuration 3:39 ASD-STE100 linting for clearer output 4:25 Version updates and path-traversal security 5:00 Charts, trees, timelines, and motion 5:22 The 3B1B-style video workflow 🧩 Markdown drafting, local layout, and standalone HTML 📊 Token economics, charts, diagrams, and timelines 🛡️ Runtime requirements, linting, and path safety 🎞️ Scene definitions for animated web output Answer Me With HTML suits engineers and technical analysts who need readable system explanations from local AI agents. The main tradeoff is intentional: the offline-first renderer favors portable static pages, while interactive dashboard features remain outside its scope. #AnswerMeWithHTML #AIAgents #GitHub [de-DE] Answer Me With HTML GitHub erklärt: Wandle dichte KI-Ausgaben in lokales HTML um answer-me-with-html von qingyuna: qingyuna/answer-me-with-html Answer Me With HTML ist ein GitHub-Skill für KI-gestützte Programmierassistenten, der komplexe, mehrstufige Erklärungen in eigenständige, lokal gerenderte HTML-Seiten umwandelt. Die geteilte Architektur ermöglicht es dem Modell, leichtgewichtiges Markdown zu erstellen, während die Befehlszeile (CLI) Layout, Diagramme, Grafiken, Designs und Stile übernimmt. Diese Übersicht behandelt die Node.js-Version 20+, den agentenbasierten Installationspfad, das Rendern von TCP-Sequenzdiagrammen, Blueprint-Designs und ASD-STE100-Linting. Außerdem werden Versionsverwaltung, eine Lösung für Pfadtraversierungsprobleme, Offline-Ausgabe sowie erweiterte Workflows für Diagramme, Baumstrukturen, Zeitleisten und animierte Videos hervorgehoben. Der Kompromiss ist klar: Statische Visualisierungen sind portablen Offline-Seiten gegenüber interaktiven Dashboards vorzuziehen. Zeitstempel: 0:00 Warum komplexe KI-Ausgaben visuelle Darstellung benötigen 0:23 Token-Reduzierung und die lokale CLI-Pipeline 0:57 Die Node.js-20+-Laufzeitvoraussetzung 1:42 Agenteninstallation und mitgelieferte Abhängigkeiten 2:42 Rendern eines TCP-Sequenzdiagramms 3:18 Blueprint-Themes und visuelle Konfiguration 3:39 ASD-STE100-Linting für übersichtlichere Ausgaben 4:25 Versionsaktualisierungen und Pfadtraversierungssicherheit 5:00 Diagramme, Bäume, Zeitleisten und Animationen 5:22 Der 3B1B-Video-Workflow 🧩 Markdown-Erstellung, lokales Layout und eigenständiges HTML 📊 Token-Ökonomie, Diagramme und Zeitleisten 🛡️ Laufzeitvoraussetzungen, Linting und Pfadsicherheit 🎞️ Szenendefinitionen für animierte Webausgabe Answer Me With HTML eignet sich für Ingenieure und technische Analysten, die verständliche Systemerklärungen von lokalen KI-Agenten benötigen. Der wichtigste Kompromiss ist beabsichtigt: Der Offline-First-Renderer bevorzugt portable statische Seiten, während interaktive Dashboard-Funktionen nicht unterstützt werden. #AnswerMeWithHTML #AIAgents #GitHub [es-US] Explicación de Answer Me With HTML en GitHub: Convierte resultados complejos de IA en HTML local Answer Me With HTML de qingyuna: qingyuna/answer-me-with-html Answer Me With HTML es una skill de GitHub para asistentes de codificación con IA que convierte explicaciones complejas y de varios pasos en páginas HTML independientes que se renderizan localmente. Su arquitectura modular permite que el modelo genere código Markdown ligero, mientras que la interfaz de línea de comandos gestiona el diseño, los diagramas, los gráficos, los temas y el estilo. Esta descripción general abarca el requisito de Node.js 20+, la ruta de instalación basada en agentes, la renderización de diagramas de secuencia TCP, los temas de planos y el análisis de código ASD-STE100. También destaca la higiene de versiones, una corrección para el recorrido de rutas, la salida sin conexión y flujos de trabajo avanzados para gráficos, árboles, líneas de tiempo y vídeos animados. La disyuntiva es clara: las visualizaciones estáticas favorecen las páginas portátiles sin conexión frente a los paneles interactivos. Marcas de tiempo: 0:00 ¿Por qué la salida densa de IA requiere renderizado visual? 0:23 Reducción de tokens y la canalización local de la CLI 0:57 Requisito de tiempo de ejecución de Node.js 20+ 1:42 Instalación del agente y dependencias incluidas 2:42 Renderizado de un diagrama de secuencia TCP 3:18 Temas de Blueprint y configuración visual 3:39 Análisis de código ASD-STE100 para una salida más clara 4:25 Actualizaciones de versión y seguridad de recorrido de ruta 5:00 Gráficos, árboles, líneas de tiempo y movimiento 5:22 Flujo de trabajo de vídeo estilo 3B1B 🧩 Redacción en Markdown, diseño local y HTML independiente 📊 Economía de tokens, gráficos, diagramas y líneas de tiempo 🛡️ Requisitos de tiempo de ejecución, análisis de código y seguridad de ruta 🎞️ Definiciones de escena para salida web animada Answer Me With HTML es ideal para ingenieros y analistas técnicos que necesitan explicaciones de sistemas legibles de agentes de IA locales. La principal desventaja es intencional: el motor de renderizado sin conexión prioriza las páginas estáticas portátiles, mientras que las funciones interactivas del panel de control quedan fuera de su alcance. #AnswerMeWithHTML #AIAgents #GitHub [fr-FR] Explication de Answer Me With HTML sur GitHub : transformez les sorties IA denses en HTML local Answer Me With HTML par qingyuna : qingyuna/answer-me-with-html Answer Me With HTML est une skill GitHub pour assistants de programmation IA. Elle transforme des explications complexes en plusieurs étapes en pages HTML autonomes, rendues localement. Son architecture divisée permet au modèle de générer du Markdown léger tandis que l'interface en ligne de commande gère la mise en page, les diagrammes, les graphiques, les thèmes et le style. Cette présentation aborde la configuration requise (Node.js 20+), le processus d'installation via agent, le rendu des diagrammes de séquence TCP, les thèmes prédéfinis et l'analyse statique ASD-STE100. Elle met également en avant la gestion des versions, la correction d'un problème de parcours de chemin, la sortie hors ligne et les flux de travail avancés pour les graphiques, les arborescences, les chronologies et les vidéos animées. Le choix est clair : les visuels statiques privilégient les pages portables hors ligne aux tableaux de bord interactifs. Horodatage : 0:00 Pourquoi les données denses issues de l’IA nécessitent un rendu visuel 0:23 Réduction du nombre de jetons et pipeline CLI local 0:57 Configuration requise pour l’exécution : Node.js 20+ 1:42 Installation de l’agent et dépendances intégrées 2:42 Rendu d’un diagramme de séquence TCP 3:18 Thèmes Blueprint et configuration visuelle 3:39 Analyse statique ASD-STE100 pour une sortie plus claire 4:25 Mises à jour de version et sécurité de parcours de chemin 5:00 Graphiques, arborescences, chronologies et animations 5:22 Le flux de travail vidéo de type 3B1B 🧩 Rédaction Markdown, mise en page locale et HTML autonome 📊 Économie des jetons, graphiques, diagrammes et chronologies 🛡️ Configuration requise pour l’exécution, analyse statique et sécurité des chemins 🎞️ Définitions de scènes pour la sortie web animée Answer Me With HTML convient aux ingénieurs et analystes techniques qui ont besoin d’explications système claires de la part d’agents d’IA locaux. Le principal compromis est intentionnel : le moteur de rendu « hors ligne d’abord » privilégie les pages statiques portables, tandis que les fonctionnalités interactives du tableau de bord restent hors de son champ d’application. #AnswerMeWithHTML #AIAgents #GitHub [hi] Answer Me With HTML GitHub की व्याख्या: AI के कठिन आउटपुट को लोकल HTML में बदलें qingyuna द्वारा विकसित answer-me-with-html: qingyuna/answer-me-with-html Answer Me With HTML एक GitHub स्किल है जो AI कोडिंग सहायकों के लिए है और जटिल, बहु-चरणीय स्पष्टीकरणों को स्थानीय रूप से प्रदर्शित होने वाले स्वतंत्र HTML पृष्ठों में परिवर्तित करती है। इसकी विभाजित संरचना मॉडल को हल्का Markdown ड्राफ्ट करने देती है, जबकि CLI लेआउट, आरेख, चार्ट, थीम और स्टाइलिंग को संभालता है। यह अवलोकन Node.js 20+ की आवश्यकता, एजेंट-आधारित स्थापना प्रक्रिया, TCP अनुक्रम-आरेख रेंडरिंग, ब्लूप्रिंट थीम और ASD-STE100 लिंटिंग को कवर करता है। यह संस्करण स्वच्छता, पथ-ट्रैवर्सल समस्या का समाधान, ऑफ़लाइन आउटपुट और उन्नत चार्ट, ट्री, टाइमलाइन और एनिमेटेड वीडियो वर्कफ़्लो पर भी प्रकाश डालता है। स्पष्ट अंतर यह है कि स्थिर दृश्य इंटरैक्टिव डैशबोर्ड की तुलना में पोर्टेबल ऑफ़लाइन पृष्ठों को प्राथमिकता देते हैं। टाइमस्टैम्प: 0:00 सघन AI आउटपुट के लिए विज़ुअल रेंडरिंग क्यों ज़रूरी है 0:23 टोकन रिडक्शन और लोकल CLI पाइपलाइन 0:57 Node.js 20+ रनटाइम आवश्यकता 1:42 एजेंट इंस्टॉलेशन और बंडल की गई निर्भरताएँ 2:42 TCP सीक्वेंस डायग्राम का रेंडरिंग 3:18 ब्लूप्रिंट थीम और विज़ुअल कॉन्फ़िगरेशन 3:39 स्पष्ट आउटपुट के लिए ASD-STE100 लिंटिंग 4:25 वर्ज़न अपडेट और पाथ-ट्रैवर्सल सुरक्षा 5:00 चार्ट, ट्री, टाइमलाइन और मोशन 5:22 3B1B-शैली का वीडियो वर्कफ़्लो 🧩 मार्कडाउन ड्राफ़्टिंग, लोकल लेआउट और स्टैंडअलोन HTML 📊 टोकन अर्थशास्त्र, चार्ट, डायग्राम और टाइमलाइन 🛡️ रनटाइम आवश्यकताएँ, लिंटिंग और पाथ सुरक्षा 🎞️ एनिमेटेड वेब आउटपुट के लिए सीन परिभाषाएँ Answer Me With HTML उन इंजीनियरों और तकनीकी विश्लेषकों के लिए उपयुक्त है जिन्हें पठनीय सिस्टम स्पष्टीकरण की आवश्यकता होती है स्थानीय एआई एजेंटों से। मुख्य समझौता जानबूझकर किया गया है: ऑफ़लाइन-फ़र्स्ट रेंडरर पोर्टेबल स्थिर पृष्ठों को प्राथमिकता देता है, जबकि इंटरैक्टिव डैशबोर्ड सुविधाएँ इसके दायरे से बाहर रहती हैं। #AnswerMeWithHTML #AIAgents #GitHub [id] Penjelasan GitHub Answer Me With HTML: Ubah Output AI yang Padat Menjadi HTML Lokal Answer-Me-With-HTML oleh qingyuna: qingyuna/answer-me-with-html Answer Me With HTML adalah skill GitHub untuk asisten pengkodean AI yang mengarahkan penjelasan padat dan multi-langkah ke halaman HTML mandiri yang dirender secara lokal. Arsitektur terpisah memungkinkan model untuk membuat draf Markdown ringan sementara CLI menangani tata letak, diagram, grafik, tema, dan gaya. Gambaran umum ini mencakup persyaratan Node.js 20+, jalur instalasi berbasis agen, rendering diagram urutan TCP, tema blueprint, dan linting ASD-STE100. Ini juga menyoroti kebersihan versi, perbaikan path-traversal, output offline, dan alur kerja grafik, pohon, garis waktu, dan video animasi tingkat lanjut. Komprominya jelas: visual statis lebih menyukai halaman offline portabel daripada dasbor interaktif. Cap Waktu: 0:00 Mengapa output AI yang padat membutuhkan rendering visual 0:23 Pengurangan token dan pipeline CLI lokal 0:57 Persyaratan runtime Node.js 20+ 1:42 Instalasi agen dan dependensi yang dibundel 2:42 Merender diagram urutan TCP 3:18 Tema blueprint dan konfigurasi visual 3:39 Linting ASD-STE100 untuk output yang lebih jelas 4:25 Pembaruan versi dan keamanan path-traversal 5:00 Bagan, pohon, garis waktu, dan gerakan 5:22 Alur kerja video gaya 3B1B 🧩 Pembuatan draf Markdown, tata letak lokal, dan HTML mandiri 📊 Ekonomi token, bagan, diagram, dan garis waktu 🛡️ Persyaratan runtime, linting, dan keamanan jalur 🎞️ Definisi adegan untuk output web animasi Answer Me With HTML cocok untuk insinyur dan analis teknis yang membutuhkan penjelasan sistem yang mudah dibaca dari agen AI lokal. Kompromi utama ini disengaja: renderer yang mengutamakan offline lebih memilih halaman statis yang portabel, sementara fitur dasbor interaktif tetap berada di luar cakupannya. #AnswerMeWithHTML #AIAgents #GitHub [pt-BR] Answer Me With HTML no GitHub explicado: Transforme saídas densas de IA em HTML local answer-me-with-html por qingyuna: qingyuna/answer-me-with-html Answer Me With HTML é uma skill do GitHub para assistentes de codificação com IA que direciona explicações complexas e com várias etapas para páginas HTML independentes renderizadas localmente. Sua arquitetura dividida permite que o modelo crie Markdown leve enquanto a CLI lida com layout, diagramas, gráficos, temas e estilos. Esta visão geral aborda o requisito do Node.js versão 20+, o caminho de instalação baseado em agente, a renderização de diagramas de sequência TCP, temas de blueprint e a verificação de conformidade com o ASD-STE100. Também destaca a manutenção de versões, uma correção para problemas de path traversal, saída offline e fluxos de trabalho avançados para gráficos, árvores, linhas do tempo e vídeos animados. A contrapartida é clara: visuais estáticos priorizam páginas offline portáteis em detrimento de painéis interativos. Marcadores de tempo: 0:00 Por que a saída densa de IA precisa de renderização visual 0:23 Redução de tokens e o pipeline da CLI local 0:57 O requisito de tempo de execução do Node.js 20+ 1:42 Instalação do agente e dependências incluídas 2:42 Renderizando um diagrama de sequência TCP 3:18 Temas do Blueprint e configuração visual 3:39 Linting ASD-STE100 para uma saída mais clara 4:25 Atualizações de versão e segurança de travessia de diretórios 5:00 Gráficos, árvores, linhas do tempo e movimento 5:22 O fluxo de trabalho de vídeo no estilo 3B1B 🧩 Esboço em Markdown, layout local e HTML independente 📊 Economia de tokens, gráficos, diagramas e linhas do tempo 🛡️ Requisitos de tempo de execução, linting e segurança de diretórios 🎞️ Definições de cena para saída web animada Answer Me With HTML é ideal para engenheiros e analistas técnicos que precisam de explicações de sistema legíveis de agentes de IA locais. A principal desvantagem é intencional: o renderizador que prioriza o modo offline favorece páginas estáticas portáteis, enquanto os recursos interativos do painel de controle ficam fora de seu escopo. #AnswerMeWithHTML #AIAgents #GitHub

Tired of agents' walls of text, so I made them answer in HTML