HTML 웹 페이지 리뷰 시스템
팀 협업·설정 불필요·AI 지원
설명
추천한 사람
Nico@YouMind
이 스킬을 추천하는 이유
이 스킬은 독보적입니다. 모든 웹 페이지를 완벽한 팀 리뷰 시스템으로 변환하며, AI 지원 제안과 설정 없는 자동 요소 인식으로 협업과 반복 작업을 전례 없이 효율적으로 만듭니다.
이것은 무엇인가요? 모든 HTML 웹 페이지 및 HTML 형식의 프레젠테이션(PPT)에 완전한 팀 리뷰 시스템을 추가합니다. 여러 사용자의 협업 주석, AI 스마트 제안, 데이터 지속성 및 내보내기를 지원합니다. 핵심 기능 - 제로 설정 시작: 30초 내에 리뷰 가능한 모든 요소(웹 콘텐츠, PPT 슬라이드, 페이지 넘김 상호작용, UX 애니메이션)를 자동으로 인식합니다. - 이중 시나리오 지원: - 웹 리뷰: 랜딩 페이지, 마케팅 페이지, 제품 페이지, 공식 웹사이트 - PPT 리뷰: HTML 프레젠테이션, 온라인 슬라이드, 제품 출시 행사, 강의 자료 - 팀 협업: 5개의 사전 설정 역할(제품, 디자인, 프론트엔드, 편집, 운영)과 컬러 코드로 명확하게 구분 - AI 스마트 제안: 댓글 내용에 따라 개선 제안 및 관련 속성을 자동 생성 - 데이터 절대 손실 없음: IndexedDB 자동 저장, 새로고침에도 유지 - 가져오기/내보내기: JSON 형식 내보내기 지원, 여러 라운드의 반복 리뷰 가능 - 구조화된 데이터: 전체 메타데이터를 포함한 내보내기, AI가 직접 이해하고 처리 가능 적용 시나리오 - 웹 프로젝트: 랜딩 페이지, 마케팅 페이지, 제품 페이지의 팀 리뷰 - HTML 프레젠테이션: 제품 출시 행사, 온라인 강의, 마케팅 프레젠테이션의 콘텐츠 및 상호작용 리뷰 - 페이지 넘김 상호작용 최적화: 슬라이드 전환, 애니메이션 효과, UX 경험 리뷰 - 주요 도구 호환: reveal.js, Slides.com, Google Slides에서 내보낸 HTML과 호환 기술 특징 - 단축키 지원: Ctrl+E 리뷰 시작, Ctrl+S 내보내기, Ctrl+I 가져오기 - 스마트 규칙 엔진: 개선 방안 자동 추천 - 버전 추적: 여러 라운드의 반복 리뷰 지원 - 안전하고 신뢰할 수 있음: 로컬 저장소에 저장, 데이터 업로드 없음
관련 스킬
전체 보기
HTML 슬라이드 생성
당신의 아이디어, 자료 또는 스크립트를 전문적인 HTML 슬라이드로 쉽게 변환하세요. 화면 녹화 및 발표를 위해 설계되었습니다. TikTok, 위챗 채널, 샤오홍슈, 빌리빌리 등을 위한 AI 기술 공유 영상을 제작하든, 제품 발표, 강의 시연, 비즈니스 보고서를 준비하든, 이 도구는 시각적으로 뛰어나고 구조가 명확한 웹 슬라이드를 신속하게 생성해 드립니다. 자동으로 완전한 슬라이드 구조를 구축하며, 처음 5초 동안 시선을 사로잡는 '후크', 각 페이지의 제목과 본문을 포함하고, 시각 디자인 제안을 제공합니다. HTML, CSS, JavaScript를 포함한 독립적인 `index.html` 파일을 제공하며, 키보드 및 버튼 페이지 전환, 진행률 표시줄, 페이지 번호, 애니메이션 효과를 지원하고 16:9 가로 화면 녹화에 완벽하게 최적화되어 있습니다. AI 테크 블루 화이트 스타일, 다크 사이버 스타일, 애플 발표 스타일 또는 Notion 미니멀 스타일까지, 주제에 따라 슬라이드의 시각적 스타일을 선택하거나 사용자 지정할 수 있습니다. 각 페이지의 내용은 정보 집중과 이해를 돕도록 세심하게 설계되었으며, 짧은 비디오 설명을 위해 오른쪽 하단에 안전 영역이 마련되어 있어 프레젠테이션의 표현력과 전문성을 높여줍니다.
웹페이지웹페이지 품질 평가
이 스킬은 사용자에게 웹페이지 콘텐츠에 대한 전문적인 평가와 최적화 서비스를 제공합니다. 웹사이트 디자이너, 개발자, 콘텐츠 제작자 등 누구나 이 도구를 사용하여 자신 또는 타인의 웹페이지를 심층 분석하고 실행 가능한 개선 제안을 얻을 수 있습니다. 이 스킬은 웹페이지의 디자인 품질, 독창성, 기술적 디테일, 기능성을 종합적으로 평가합니다. 색상 조합, 레이아웃, 시각적 테마, 인터랙티브 효과, 반응형 디자인 등 여러 차원을 세밀하게 점수화하고 잠재적인 AI 생성 흔적이나 템플릿 디자인을 식별합니다. 평가가 완료되면 구체적인 장점, 문제점, 개선 제안 및 CSS, HTML, JavaScript 코드 수정 방향이 포함된 상세 보고서를 받게 됩니다. 평가 보고서를 생성한 후에는 AI가 보고서의 제안에 따라 즉시 웹페이지를 최적화하도록 선택할 수 있습니다. 최적화 과정은 디자인 품질, 독창성, 기술적 디테일, 기능성의 우선순위를 따릅니다. 최종적으로 최적화 전후의 각 차원별 점수 비교와 주요 개선 사항을 명확히 보여주는 최적화 완료 보고서를 받게 됩니다.
웹페이지강의 자료 · 웹 변환
강의 자료를 눈으로 볼 수 있는 웹사이트로 바꿔드립니다. Markdown 노트, PDF 논문, PPT 강의 자료, 일반 텍스트 대본, 또는 블로그 링크 등 어떤 자료든 이 스킬이 자동으로 구조적이고 아름다운 온라인 강의 웹페이지로 변환해 드립니다. 한 줄의 코드도 필요 없습니다. 내용만 제공하세요. 두 가지 표시 스타일: - 강의/교육 콘텐츠 → 스크롤식 긴 페이지 생성, 책을 넘기듯 아래로 보기 - 논문/보고서 콘텐츠 → PPT 스타일 페이지 넘기기 웹사이트 생성, 프레젠테이션처럼 페이지별로 탐색 - 반응형으로 모바일과 PC에 최적화 해야 할 일: 한 단계만: 강의 내용을 제공하세요. 지원 형식: - .md Markdown 파일 - .pdf PDF 문서 - .pptx PPT 프레젠테이션 - .txt 일반 텍스트 대화에 직접 내용을 붙여넣을 수도 있습니다. 예시 명령: - "이 강의 자료를 웹페이지로 만들어 줘" - "이 PDF 논문을 PPT 스타일 웹사이트로 만들어 줘" - "내 강의 내용이야. 온라인 전시 페이지를 생성해 줘" 얻을 수 있는 것: - 바로 접근 가능한 온라인 강의 전시 웹사이트. 표시 모드는 자동 판단 - 콘텐츠에 따라 자동 선택: - 강의 개요, 교육 자료, 교재 → 스크롤식 긴 페이지, 모듈이 자연스럽게 연결, 스크롤 탐색 - 학술 논문, 연구 보고서 → PPT 스타일 슬라이드 페이지 넘김, 각 페이지에 하나의 포인트 집중 - 발표문, 회의 보고서 → PPT 스타일 페이지별 표시, 키보드/클릭 탐색 지원 - 명확히 "스크롤" 또는 "PPT"를 요청하면 사용자 의도에 따라 처리 콘텐츠 요약 능력: 정보 밀집도가 높은 논문과 긴 텍스트의 경우, 스킬이 자동으로: - 구조 분해: 연속적인 논의를 독립된 장/슬라이드로 분할 - 정보 압축: 3단락 논의를 3개 핵심 포인트로 압축, 각 포인트 20자 이내 - 결론 우선: 각 페이지에 결론을 먼저 제시하고, 뒷받침 근거를 나열 - 프레임워크 시각화: 모델과 분류 체계를 텍스트 대신 차트로 표시 - 데이터 강조: 주요 숫자와 지표를 별도 페이지로 강조 표시 이후 수정: 웹사이트 생성 후, 언제든지 조정 요청 가능: - "모듈 3의 내용을 업데이트해 줘" - "색상을 따뜻한 톤으로 변경해 줘" - "강의 로드맵을 추가해 줘" - "이 모듈을 타임라인 레이아웃으로 바꿔 줘" 수정은 해당 부분에만 적용되며, 전체 웹사이트를 다시 생성할 필요가 없습니다. 하지 않는 일: 이 스킬은 현재 강의 콘텐츠 전시에 집중하며, 다음 LMS(온라인 학습 플랫폼) 기능은 포함하지 않습니다: - 사용자 로그인/회원가입 - 학습 진행 추적 - 파일 다운로드 - 온라인 퀴즈/연습 이러한 기능이 필요하면 별도 확장이 필요합니다.
HTML 웹 페이지 리뷰 시스템
팀 협업·설정 불필요·AI 지원
설명
추천한 사람
Nico@YouMind
이 스킬을 추천하는 이유
이 스킬은 독보적입니다. 모든 웹 페이지를 완벽한 팀 리뷰 시스템으로 변환하며, AI 지원 제안과 설정 없는 자동 요소 인식으로 협업과 반복 작업을 전례 없이 효율적으로 만듭니다.
이것은 무엇인가요? 모든 HTML 웹 페이지 및 HTML 형식의 프레젠테이션(PPT)에 완전한 팀 리뷰 시스템을 추가합니다. 여러 사용자의 협업 주석, AI 스마트 제안, 데이터 지속성 및 내보내기를 지원합니다. 핵심 기능 - 제로 설정 시작: 30초 내에 리뷰 가능한 모든 요소(웹 콘텐츠, PPT 슬라이드, 페이지 넘김 상호작용, UX 애니메이션)를 자동으로 인식합니다. - 이중 시나리오 지원: - 웹 리뷰: 랜딩 페이지, 마케팅 페이지, 제품 페이지, 공식 웹사이트 - PPT 리뷰: HTML 프레젠테이션, 온라인 슬라이드, 제품 출시 행사, 강의 자료 - 팀 협업: 5개의 사전 설정 역할(제품, 디자인, 프론트엔드, 편집, 운영)과 컬러 코드로 명확하게 구분 - AI 스마트 제안: 댓글 내용에 따라 개선 제안 및 관련 속성을 자동 생성 - 데이터 절대 손실 없음: IndexedDB 자동 저장, 새로고침에도 유지 - 가져오기/내보내기: JSON 형식 내보내기 지원, 여러 라운드의 반복 리뷰 가능 - 구조화된 데이터: 전체 메타데이터를 포함한 내보내기, AI가 직접 이해하고 처리 가능 적용 시나리오 - 웹 프로젝트: 랜딩 페이지, 마케팅 페이지, 제품 페이지의 팀 리뷰 - HTML 프레젠테이션: 제품 출시 행사, 온라인 강의, 마케팅 프레젠테이션의 콘텐츠 및 상호작용 리뷰 - 페이지 넘김 상호작용 최적화: 슬라이드 전환, 애니메이션 효과, UX 경험 리뷰 - 주요 도구 호환: reveal.js, Slides.com, Google Slides에서 내보낸 HTML과 호환 기술 특징 - 단축키 지원: Ctrl+E 리뷰 시작, Ctrl+S 내보내기, Ctrl+I 가져오기 - 스마트 규칙 엔진: 개선 방안 자동 추천 - 버전 추적: 여러 라운드의 반복 리뷰 지원 - 안전하고 신뢰할 수 있음: 로컬 저장소에 저장, 데이터 업로드 없음
관련 스킬
전체 보기HTML 슬라이드 생성
당신의 아이디어, 자료 또는 스크립트를 전문적인 HTML 슬라이드로 쉽게 변환하세요. 화면 녹화 및 발표를 위해 설계되었습니다. TikTok, 위챗 채널, 샤오홍슈, 빌리빌리 등을 위한 AI 기술 공유 영상을 제작하든, 제품 발표, 강의 시연, 비즈니스 보고서를 준비하든, 이 도구는 시각적으로 뛰어나고 구조가 명확한 웹 슬라이드를 신속하게 생성해 드립니다. 자동으로 완전한 슬라이드 구조를 구축하며, 처음 5초 동안 시선을 사로잡는 '후크', 각 페이지의 제목과 본문을 포함하고, 시각 디자인 제안을 제공합니다. HTML, CSS, JavaScript를 포함한 독립적인 `index.html` 파일을 제공하며, 키보드 및 버튼 페이지 전환, 진행률 표시줄, 페이지 번호, 애니메이션 효과를 지원하고 16:9 가로 화면 녹화에 완벽하게 최적화되어 있습니다. AI 테크 블루 화이트 스타일, 다크 사이버 스타일, 애플 발표 스타일 또는 Notion 미니멀 스타일까지, 주제에 따라 슬라이드의 시각적 스타일을 선택하거나 사용자 지정할 수 있습니다. 각 페이지의 내용은 정보 집중과 이해를 돕도록 세심하게 설계되었으며, 짧은 비디오 설명을 위해 오른쪽 하단에 안전 영역이 마련되어 있어 프레젠테이션의 표현력과 전문성을 높여줍니다.
웹페이지웹페이지 품질 평가
이 스킬은 사용자에게 웹페이지 콘텐츠에 대한 전문적인 평가와 최적화 서비스를 제공합니다. 웹사이트 디자이너, 개발자, 콘텐츠 제작자 등 누구나 이 도구를 사용하여 자신 또는 타인의 웹페이지를 심층 분석하고 실행 가능한 개선 제안을 얻을 수 있습니다. 이 스킬은 웹페이지의 디자인 품질, 독창성, 기술적 디테일, 기능성을 종합적으로 평가합니다. 색상 조합, 레이아웃, 시각적 테마, 인터랙티브 효과, 반응형 디자인 등 여러 차원을 세밀하게 점수화하고 잠재적인 AI 생성 흔적이나 템플릿 디자인을 식별합니다. 평가가 완료되면 구체적인 장점, 문제점, 개선 제안 및 CSS, HTML, JavaScript 코드 수정 방향이 포함된 상세 보고서를 받게 됩니다. 평가 보고서를 생성한 후에는 AI가 보고서의 제안에 따라 즉시 웹페이지를 최적화하도록 선택할 수 있습니다. 최적화 과정은 디자인 품질, 독창성, 기술적 디테일, 기능성의 우선순위를 따릅니다. 최종적으로 최적화 전후의 각 차원별 점수 비교와 주요 개선 사항을 명확히 보여주는 최적화 완료 보고서를 받게 됩니다.
웹페이지강의 자료 · 웹 변환
강의 자료를 눈으로 볼 수 있는 웹사이트로 바꿔드립니다. Markdown 노트, PDF 논문, PPT 강의 자료, 일반 텍스트 대본, 또는 블로그 링크 등 어떤 자료든 이 스킬이 자동으로 구조적이고 아름다운 온라인 강의 웹페이지로 변환해 드립니다. 한 줄의 코드도 필요 없습니다. 내용만 제공하세요. 두 가지 표시 스타일: - 강의/교육 콘텐츠 → 스크롤식 긴 페이지 생성, 책을 넘기듯 아래로 보기 - 논문/보고서 콘텐츠 → PPT 스타일 페이지 넘기기 웹사이트 생성, 프레젠테이션처럼 페이지별로 탐색 - 반응형으로 모바일과 PC에 최적화 해야 할 일: 한 단계만: 강의 내용을 제공하세요. 지원 형식: - .md Markdown 파일 - .pdf PDF 문서 - .pptx PPT 프레젠테이션 - .txt 일반 텍스트 대화에 직접 내용을 붙여넣을 수도 있습니다. 예시 명령: - "이 강의 자료를 웹페이지로 만들어 줘" - "이 PDF 논문을 PPT 스타일 웹사이트로 만들어 줘" - "내 강의 내용이야. 온라인 전시 페이지를 생성해 줘" 얻을 수 있는 것: - 바로 접근 가능한 온라인 강의 전시 웹사이트. 표시 모드는 자동 판단 - 콘텐츠에 따라 자동 선택: - 강의 개요, 교육 자료, 교재 → 스크롤식 긴 페이지, 모듈이 자연스럽게 연결, 스크롤 탐색 - 학술 논문, 연구 보고서 → PPT 스타일 슬라이드 페이지 넘김, 각 페이지에 하나의 포인트 집중 - 발표문, 회의 보고서 → PPT 스타일 페이지별 표시, 키보드/클릭 탐색 지원 - 명확히 "스크롤" 또는 "PPT"를 요청하면 사용자 의도에 따라 처리 콘텐츠 요약 능력: 정보 밀집도가 높은 논문과 긴 텍스트의 경우, 스킬이 자동으로: - 구조 분해: 연속적인 논의를 독립된 장/슬라이드로 분할 - 정보 압축: 3단락 논의를 3개 핵심 포인트로 압축, 각 포인트 20자 이내 - 결론 우선: 각 페이지에 결론을 먼저 제시하고, 뒷받침 근거를 나열 - 프레임워크 시각화: 모델과 분류 체계를 텍스트 대신 차트로 표시 - 데이터 강조: 주요 숫자와 지표를 별도 페이지로 강조 표시 이후 수정: 웹사이트 생성 후, 언제든지 조정 요청 가능: - "모듈 3의 내용을 업데이트해 줘" - "색상을 따뜻한 톤으로 변경해 줘" - "강의 로드맵을 추가해 줘" - "이 모듈을 타임라인 레이아웃으로 바꿔 줘" 수정은 해당 부분에만 적용되며, 전체 웹사이트를 다시 생성할 필요가 없습니다. 하지 않는 일: 이 스킬은 현재 강의 콘텐츠 전시에 집중하며, 다음 LMS(온라인 학습 플랫폼) 기능은 포함하지 않습니다: - 사용자 로그인/회원가입 - 학습 진행 추적 - 파일 다운로드 - 온라인 퀴즈/연습 이러한 기능이 필요하면 별도 확장이 필요합니다.
다음으로 즐겨 쓸 스킬을 찾아보세요
연구, 창작, 일상 업무에 유용한 엄선된 AI 스킬을 더 탐색해 보세요.