HTML 웹 페이지 리뷰 시스템
팀 협업·설정 불필요·AI 지원
HTML 웹 페이지 리뷰 시스템
팀 협업·설정 불필요·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 가져오기 - 스마트 규칙 엔진: 개선 방안 자동 추천 - 버전 추적: 여러 라운드의 반복 리뷰 지원 - 안전하고 신뢰할 수 있음: 로컬 저장소에 저장, 데이터 업로드 없음
추천한 사람
Nico@YouMind
이 스킬을 추천하는 이유
이 스킬은 독보적입니다. 모든 웹 페이지를 완벽한 팀 리뷰 시스템으로 변환하며, AI 지원 제안과 설정 없는 자동 요소 인식으로 협업과 반복 작업을 전례 없이 효율적으로 만듭니다.
관련 스킬
전체 보기
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(온라인 학습 플랫폼) 기능은 포함하지 않습니다: - 사용자 로그인/회원가입 - 학습 진행 추적 - 파일 다운로드 - 온라인 퀴즈/연습 이러한 기능이 필요하면 별도 확장이 필요합니다.
정보
- 버전
- v4
- 최종 업데이트
- 실행 크레딧
- 사용량에 따라 차감
- 모델
- 자동 선택
