artifact-html은(는) 무엇을 하나요?
모든 콘텐츠를 claude.ai 스타일의 독립형 HTML 페이지로 변환하고, 원클릭 PNG 내보내기를 지원하는 Claude Code 스킬입니다.
모든 콘텐츠를 claude.ai 스타일의 독립형 HTML 페이지로 변환하고, 원클릭 PNG 내보내기를 지원하는 Claude Code 스킬입니다.
이 스킬은 Claude Code 환경에서 사용자 입력(코드, 텍스트, 데이터 등)을 claude.ai 아티팩트 스타일의 깔끔하고 독립적인 HTML 페이지로 즉시 변환합니다. 생성된 HTML 페이지는 내장된 'PNG로 내보내기' 버튼을 통해 한 번의 클릭으로 화면을 PNG 이미지로 저장할 수 있어, 문서화, 프레젠테이션, 공유 목적으로 유용합니다. Claude Code와 긴밀하게 통합되어 작업 흐름을 방해하지 않으면서 고품질의 시각적 결과물을 빠르게 생성하며, 추가 도구나 복잡한 설정 없이 순수 HTML/CSS/JavaScript로 구현되어 어디서나 실행 가능합니다. 개발자, 기술 작가, 프레젠테이션 제작자 등 다양한 사용자에게 효율적인 콘텐츠 시각화 및 공유 솔루션을 제공합니다.
npx skills add huasanai/artifact-html모든 콘텐츠를 claude.ai 스타일의 독립형 HTML 페이지로 변환하고, 원클릭 PNG 내보내기를 지원하는 Claude Code 스킬입니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".