visual-explainer

SKILL.md

Generate self-contained HTML files for technical diagrams, visualizations, and data tables. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.

Proactive table rendering. When you're about to present tabular data as an ASCII box-drawing table in the terminal (comparisons, audits, feature matrices, status reports, any structured rows/columns), generate an HTML page instead. The threshold: if the table has 4+ rows or 3+ columns, it belongs in the browser. Don't wait for the user to ask — render it as HTML automatically and tell them the file path. You can s...

Before writing HTML, commit to a direction. Don't default to "dark theme with blue accents" every time.

시스템, 코드 변경, 계획 및 데이터를 시각적으로 설명하는 아름답고 독립적인 HTML 페이지를 생성합니다. 사용자가 다이어그램, 아키텍처 개요, 차이점 검토, 계획 검토, 프로젝트 요약, 비교 테이블 또는 기술 개념에 대한 시각적 설명을 요청할 때 사용합니다. 또한 복잡한 ASCII 테이블(4개 이상의 행 또는 3개 이상의 열)을 렌더링하려고 할 때 사전에 사용하십시오. 대신 스타일이 지정된 HTML 페이지로 표시하십시오. 출처: nicobailon/visual-explainer.

원본 보기