Communitygithub.com

kipeum86/web-content-designer

텍스트, 기사 또는 URL을 프로덕션 등급의 단일 파일 HTML 페이지로 변환하는 Claude 스킬입니다. 3가지 레이아웃(대시보드, 인포그래픽, 요약 페이지), 10개의 자동 선택 디자인 테마, Chart.js 시각화, 스크롤 스파이 내비게이션 및 반응형 디자인을 제공합니다. 한국어와 영어를 지원합니다. 빌드 도구가 필요 없으며 .html 파일을 열기만 하면 됩니다.

web-content-designer란 무엇인가요?

이 스킬은 개발자와 콘텐츠 제작자가 텍스트, 기사 또는 URL을 분석하여 완전히 스타일링된 단일 파일 HTML 페이지로 즉시 변환할 수 있도록 설계되었습니다. 대시보드, 인포그래픽, 한 페이지 요약의 세 가지 레이아웃 중에서 선택할 수 있으며, 각 레이아웃은 콘텐츠에 가장 적합한 10개의 디자인 테마 중 하나와 자동으로 매칭됩니다. 또한 Chart.js를 사용한 데이터 시각화, 스크롤 스파이 내비게이션, 완전한 반응형 디자인을 포함하여 외부 빌드 도구나 종속성 없이도 브라우저에서 바로 열어 사용할 수 있습니다. 한국어와 영어를 모두 지원하여 다국어 콘텐츠 작업에 적합합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 활용될 수 있으며, SKILL.md 문서에 따라 URL 기반 콘텐츠 수집, 테마 선택, 차트 생성 등이 자동으로 처리됩니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add kipeum86/web-content-designer

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

web-content-designer은(는) 무엇을 하나요?

Claude 스킬로, 텍스트, 기사 또는 URL을 프로덕션 등급의 단일 파일 HTML 페이지로 변환합니다. 3가지 레이아웃(대시보드, 인포그래픽, 한 페이지 요약), 10개의 자동 선택 디자인 테마, Chart.js 시각화, 스크롤 스파이 내비게이션 및 반응형 디자인을 제공합니다. 한국어와 영어를 지원합니다. 빌드 도구가 필요 없으며 .html 파일을 열기만 하면 됩니다.

관련 스킬