Community라이팅 & 에디팅github.com

Azhi-ss/html-effectiveness

Cursor 및 Claude Code가 공간적, 병렬적, 비교 가능 또는 상호작용적 콘텐츠를 단일 파일 HTML로 출력하도록 가르치는 에이전트 스킬입니다. 9개 카테고리, 20개 패턴, 12개의 즉시 사용 가능한 템플릿을 제공합니다. Thariq Shihipar의 'HTML의 비합리적인 효율성'에서 영감을 받았습니다.

html-effectiveness란 무엇인가요?

이 에이전트 스킬은 Cursor 및 Claude Code와 같은 AI 코딩 에이전트가 복잡한 데이터나 개념을 시각화할 때 단일 파일 HTML을 사용하도록 지시합니다. 공간적 배열, 병렬 비교, 대화형 콘텐츠 등에 특화된 9가지 카테고리와 20가지 디자인 패턴을 제공하여 개발자가 별도의 프레임워크 없이도 즉시 실행 가능한 HTML 페이지를 생성할 수 있도록 돕습니다. 또한 12개의 바로 사용 가능한 템플릿을 포함하여 초보자도 쉽게 활용할 수 있으며, Thariq Shihipar의 'HTML의 비합리적인 효율성' 개념을 기반으로 합니다. 이 스킬을 통해 AI 에이전트는 사용자 요청에 따라 적절한 패턴과 템플릿을 선택하여 시각적으로 명확하고 대화형인 단일 파일 HTML을 출력할 수 있습니다.

지원 대상✓Claude Code~Codex CLI✓Cursor
npx skills add Azhi-ss/html-effectiveness

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

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

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

문서

html-effectiveness은(는) 무엇을 하나요?

Cursor 및 Claude Code가 공간적, 병렬적, 비교 가능 또는 상호작용적 콘텐츠를 단일 파일 HTML로 출력하도록 가르치는 에이전트 스킬입니다. 9개 카테고리, 20개 패턴, 12개의 즉시 사용 가능한 템플릿을 제공합니다. Thariq Shihipar의 'HTML의 비합리적인 효율성'에서 영감을 받았습니다.

관련 스킬