시스템, 데이터 스토리, 조사, 편집 워크플로 및 코드 변경 사항을 시각적으로 설명하는 독립형 HTML 페이지를 생성합니다. 사용자가 다이어그램, 아키텍처 보기, 시각적 차이, 데이터 테이블, 타임라인, 소스 맵 또는 터미널 출력으로 읽기 어려운 구조화된 시각화를 요청할 때 사용합니다. 또한 4개 이상의 행 또는 3개 이상의 열이 있는 테이블에 대해 활성화됩니다. 저널리즘, 뉴스룸, 학문적 디자인 감각을 갖춘 니코베일론/시각 설명가를 바탕으로 제작되었습니다.
명령줄에서 visual-explainer AI 스킬을 개발 환경에 빠르게 설치
출처: jamditis/claude-skills-journalism.
Generate self-contained HTML files for technical diagrams and data visualizations. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.
Proactive table rendering: When about to output a table with 4+ rows or 3+ columns, render it as styled HTML instead of ASCII. Open in browser.
The swap test: If you replaced your styling with a generic dark theme and nobody would notice the difference, you haven't designed anything. Push further.
시스템, 데이터 스토리, 조사, 편집 워크플로 및 코드 변경 사항을 시각적으로 설명하는 독립형 HTML 페이지를 생성합니다. 사용자가 다이어그램, 아키텍처 보기, 시각적 차이, 데이터 테이블, 타임라인, 소스 맵 또는 터미널 출력으로 읽기 어려운 구조화된 시각화를 요청할 때 사용합니다. 또한 4개 이상의 행 또는 3개 이상의 열이 있는 테이블에 대해 활성화됩니다. 저널리즘, 뉴스룸, 학문적 디자인 감각을 갖춘 니코베일론/시각 설명가를 바탕으로 제작되었습니다. 출처: jamditis/claude-skills-journalism.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/jamditis/claude-skills-journalism --skill visual-explainer시스템, 데이터 스토리, 조사, 편집 워크플로 및 코드 변경 사항을 시각적으로 설명하는 독립형 HTML 페이지를 생성합니다. 사용자가 다이어그램, 아키텍처 보기, 시각적 차이, 데이터 테이블, 타임라인, 소스 맵 또는 터미널 출력으로 읽기 어려운 구조화된 시각화를 요청할 때 사용합니다. 또한 4개 이상의 행 또는 3개 이상의 열이 있는 테이블에 대해 활성화됩니다. 저널리즘, 뉴스룸, 학문적 디자인 감각을 갖춘 니코베일론/시각 설명가를 바탕으로 제작되었습니다. 출처: jamditis/claude-skills-journalism.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jamditis/claude-skills-journalism --skill visual-explainer 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/jamditis/claude-skills-journalism