html-infographic은(는) 무엇을 하나요?
Claude Code 스킬: 모든 기술적 개념에 대한 단일 화면, 애니메이션이 풍부한 HTML 인포그래픽을 구축합니다.
Claude Code 스킬: 모든 기술적 개념에 대한 단일 화면, 애니메이션이 풍부한 HTML 인포그래픽을 구축합니다.
이 스킬은 Claude Code와 같은 AI 에이전트가 특정 기술 개념에 대한 시각적으로 매력적이고 애니메이션이 풍부한 단일 화면 HTML 인포그래픽을 생성할 수 있게 해줍니다. 개발자와 기술 작가가 사용자에게 추상적인 아이디어, 시스템 아키텍처, 또는 알고리즘을 설명하는 데 특히 유용하며, 상호작용형 시각 자료를 생성하여 복잡한 정보를 매력적으로 전달할 수 있습니다. 이 스킬은 Claude Code 플랫폼에서 작동하며, 사용자는 기술 개념을 제시하기만 하면 에이전트가 CSS 애니메이션, 반응형 레이아웃, 그리고 명확한 시각적 계층 구조를 포함한 완전한 HTML 파일을 생성합니다. SKILL.md 문서에 정의된 대로, 이 스킬은 인포그래픽 생성 과정을 간소화하여 사용자가 수동 디자인 작업 없이도 전문적인 결과물을 얻을 수 있도록 합니다.
npx skills add mitchelfletcher11/html-infographicClaude Code 스킬: 모든 기술적 개념에 대한 단일 화면, 애니메이션이 풍부한 HTML 인포그래픽을 구축합니다.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.