·html-visual
{}

html-visual

대화형 단일 파일 HTML 시각화(모형, 와이어프레임, ERD, 순서도, 차트, 슬라이드, 아키텍처 다이어그램, 대시보드, 타임라인, 마인드맵, 칸반, 테이블)를 생성합니다.

77설치·3트렌드·@2ykwang

설치

$npx skills add https://github.com/2ykwang/agent-skills --skill html-visual

html-visual 설치 방법

명령줄에서 html-visual AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 2ykwang/agent-skills.

Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.

| mockup | UI mockup (high-fidelity) | mockup-{name}.html | | wireframe | Wireframe (low-fidelity, hand-drawn style) | wireframe-{name}.html | | erd | ERD | erd-{name}.html | | flow | Flowchart / Sequence diagram | flow-{name}.html | | chart | Data chart | chart-{name}.html | | slides | Presentation | slides-{name}.html |

| arch | Architecture diagram | arch-{name}.html | | dashboard | Composite dashboard | dashboard-{name}.html | | timeline | Timeline / Gantt chart | timeline-{name}.html | | mindmap | Mindmap | mindmap-{name}.html | | kanban | Kanban board | kanban-{name}.html | | table | Interactive data table | table-{name}.html |

대화형 단일 파일 HTML 시각화(모형, 와이어프레임, ERD, 순서도, 차트, 슬라이드, 아키텍처 다이어그램, 대시보드, 타임라인, 마인드맵, 칸반, 테이블)를 생성합니다. 출처: 2ykwang/agent-skills.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
카테고리
{}데이터 분석
인증됨
최초 등록
2026-02-19
업데이트
2026-03-10

Browse more skills from 2ykwang/agent-skills

빠른 답변

html-visual이란?

대화형 단일 파일 HTML 시각화(모형, 와이어프레임, ERD, 순서도, 차트, 슬라이드, 아키텍처 다이어그램, 대시보드, 타임라인, 마인드맵, 칸반, 테이블)를 생성합니다. 출처: 2ykwang/agent-skills.

html-visual 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/2ykwang/agent-skills

상세

카테고리
{}데이터 분석
출처
skills.sh
최초 등록
2026-02-19