본문으로 건너뛰기
cccskills

'html' 검색 결과

2.5천건 · 관련도순

plan-canvas

무료요약 있음AI 평가 100점

로컬 계획서나 HTML을 브라우저에서 열어 특정 부분에 대한 주석, 채팅, 승인과 수정 요청을 받습니다. 파일을 저장하면 화면이 갱신되어 검토를 이어갈 수 있습니다.

  • 구현 계획 검토와 승인
  • 디자인에서 수정할 부분 지정
  • 보고서와 비교 자료에 주석 추가
affaan-m/ECC28.4만2026년 10월 20일 업데이트

architecture-diagram

무료요약 있음AI 평가 90점

시스템과 클라우드 구성을 어두운 배경의 구성도로 정리합니다. 구성 요소와 서비스 연결, 보안 경계를 색으로 구분해 브라우저에서 여는 단일 HTML 파일로 만듭니다.

  • 프런트엔드·서버·데이터베이스 관계를 설명할 때
  • 클라우드 리전과 서브넷을 정리할 때
  • 마이크로서비스 연결을 그림으로 나타낼 때
NousResearch/hermes-agent25.5만2026년 10월 19일 업데이트

pr-report

무료요약 있음AI 평가 100점

PR과 대규모 코드 변경을 자세히 검토해 설계 설명, 문제점, 병합 판단을 HTML이나 Markdown으로 정리합니다. 변경 차이뿐 아니라 시스템 전체의 동작도 확인합니다.

  • 대규모 PR을 자세히 검토합니다
  • 변경의 설계와 동작을 이해합니다
  • 유사한 시스템과 설계를 비교합니다
paperclipai/paperclip10.5만2026년 10월 19일 업데이트

humanize-ppt

무료요약 있음AI 평가 90점

메모나 문서를 발표 구성과 페이지별 이미지·도표·영상 계획, 제작 지시서로 정리합니다. 렌더링 후에는 구성과 각 슬라이드의 일치 여부를 최대 세 차례 점검합니다.

  • 메모나 녹취록으로 발표 구성하기
  • 슬라이드별 이미지·도표·영상 계획하기
  • HTML 슬라이드나 PPTX 제작 지시서 작성하기
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Build a trading analysis dashboard as a single HTML file, with dense market panels and interactive charts. Include light and dark themes, Live/Demo controls, chart focus views, and a keyboard command menu for navigating the interface.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Prototyping a financial analysis terminal
  • Presenting a dashboard with dense market panels
  • Demonstrating chart tooltips and focus views
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Prepare a research grant presentation that organizes the hypothesis, approach, milestones, and risks for reviewers. Its ivory background and black typography create a formal, text-focused HTML deck, also suited to research summaries and detailed reports.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Preparing a research grant review presentation
  • Turning research findings into a text-focused report
  • Creating an academic or policy briefing
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-scatterbrain

무료요약 있음AI 평가 100점

교통 거점 안내 시스템을 주제로 졸업 작품의 과제, 제작 과정, 성과를 HTML 슬라이드로 정리합니다. 메모지풍 디자인으로 심사위원에게 기여와 근거를 전달합니다.

  • 졸업 작품 심사 발표 준비
  • 안내 시스템 제작 과정 설명
  • 제작 근거와 한계 정리
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-sakura-chroma

무료요약 있음AI 평가 100점

교토 벚꽃 여행의 사진과 글을 도착, 만개한 풍경, 기억에 남는 순간으로 이어지는 HTML 슬라이드로 만듭니다. 복고풍 일본 카세트 포장 디자인으로 여행 이야기를 전합니다.

  • 친구에게 벚꽃 여행의 추억을 공유합니다
  • 여행 독자를 위한 사진 기행을 만듭니다
  • 여행 기록을 복고풍 자료로 정리합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-retro-zine

무료요약 있음AI 평가 100점

동네 상점의 사진과 목소리를 종이 소책자 같은 HTML 슬라이드로 정리합니다. 베이지색과 녹색의 수공예 느낌을 살려 지역의 변화를 전하는 구성을 만듭니다.

  • 사라져 가는 동네 상점을 기록합니다
  • 지역 인물의 사진과 목소리를 소개합니다
  • 창작자의 작품을 소개합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-vellum

무료요약 있음AI 평가 100점

인문학 강의와 연구 발표에 쓸 자료, 논점, 근거를 정리해 HTML 슬라이드를 만듭니다. 짙은 남색과 따뜻한 노란색으로 차분한 학술적 분위기를 구성합니다.

  • 인문학 강의 자료 제작
  • 대학원 세미나 연구 발표
  • 연구 핵심 내용을 슬라이드로 정리
nexu-io/open-design10.3만2026년 10월 20일 업데이트

mobile-app

무료요약 있음AI 평가 80점

피드, 프로필, 결제 등 여섯 가지 화면 구성을 활용해 iPhone 15 Pro 기기 프레임 안에 들어가는 단일 앱 화면을 HTML 목업으로 만듭니다.

  • 피드나 메시지 목록을 시안으로 만듭니다
  • 프로필과 상품 상세 구성을 검토합니다
  • 결제 화면과 환영 화면을 제시합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-playful

무료요약 있음AI 평가 100점

매장 직원과 매장 책임자를 위한 상담형 판매 교육을 HTML 슬라이드로 만듭니다. 접객 흐름, 역할 연습, 일상 실천 항목을 복숭아색 배경과 친근한 글꼴로 정리합니다.

  • 매장 직원의 상담형 판매 교육에 활용합니다
  • 신입 교육에서 접객 흐름을 설명합니다
  • 역할 연습이 있는 접객 워크숍을 준비합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

flowai-live-dashboard-template

무료요약 있음AI 평가 100점

멤버 목록, 활동 기록, 역할별 차트를 갖춘 팀 관리 화면을 만듭니다. 탭 전환, 밝고 어두운 테마, CSV 내보내기가 작동하는 단일 HTML 원형을 제공합니다.

  • 팀 관리 화면 원형 제작
  • 역할 구성과 온라인 상태 설명
  • 탭으로 멤버 정보와 활동 확인
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-block-frame

무료요약 있음AI 평가 100점

정리되지 않은 스타트업 발표 자료를 의사 결정에 필요한 내용과 근거가 드러나는 HTML 슬라이드로 구성하고, 파스텔과 네온 색면 및 굵은 검은 테두리로 디자인을 통일합니다.

  • 이사회 발표 자료 정리
  • 제작사 프로젝트 실적 소개
  • 브랜드 개편안 검토
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Create a product showcase with real HTML content displayed inside CSS-drawn iPhone and optional MacBook screens. Add glass-like highlights and floor reflections to present app interfaces or design work in a three-dimensional style.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting an app interface for a product launch
  • Showing mobile and desktop designs together
  • Turning text and data into an app-style showcase
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-retro-quarterly-review

무료요약 있음AI 평가 80점

분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.

  • 분기 성과 발표 자료 제작
  • 팀의 세 가지 중점 과제 공유
  • 로드맵과 핵심 성과 지표 제시
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Build a three-slide finance or strategy presentation with bold metric cards and a precise grid layout. A black, warm-paper, and neon-lime palette frames the data in one HTML file with button, keyboard, and dot navigation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Presenting financial metrics across three slides
  • Creating a strategy deck with prominent numbers
  • Replacing text and values in a consistent slide layout
nexu-io/open-design10.3만2026년 10월 20일 업데이트

pdf

무료

Extract text from PDFs, inspect page counts and document metadata, merge files, or split them into individual pages. Create PDFs from Markdown, HTML, or Python code, using the tools suited to each task.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Extracting text from a PDF
  • Combining several PDFs into one
  • Splitting a PDF into individual pages
shareAI-lab/learn-claude-code7.9만2026년 9월 28일 업데이트

Review pages for situations where JavaScript is disabled or unavailable. Check that important content appears in the initial HTML and that noscript elements offer useful alternatives, then suggest changes to keep core content and navigation accessible.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking page content with JavaScript disabled
  • Adding alternatives for JavaScript-dependent features
  • Reviewing initial HTML for important content
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check that HTML declares the correct page language and marks sections written in other languages. Find missing, empty, or invalid language tags and suggest corrections that support screen reader pronunciation, browser translation, and spell checking.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking the language declared for a page
  • Marking language changes in multilingual content
  • Reviewing language settings for screen reader pronunciation
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review JavaScript written directly in HTML and move suitable code into external files. Replace inline event handlers with addEventListener, clarify browser verification steps, and explain how separating code supports maintenance, caching, and security.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Moving JavaScript out of HTML markup
  • Replacing onclick handlers with addEventListener
  • Reviewing script separation for caching and maintenance
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review and fix HTML form fields so their input types match the data being entered. Check autocomplete settings and the final browser markup to support suitable mobile keyboards, built-in validation, and browser autofill.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing input types in an existing form
  • Improving mobile keyboards for email and phone fields
  • Adding autocomplete settings for browser autofill
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

dlitem

무료

Review HTML lists of terms and descriptions, finding dt and dd elements used without a containing dl. Help correct the structure so assistive technologies can associate each term with its description, and explain how to verify the fix.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Check HTML structure in a glossary
  • Review lists of metadata labels and values
  • Fix dt and dd elements missing a containing dl
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review drag-and-drop interfaces for keyboard and screen reader access. Inspect the rendered HTML, identify missing alternative controls and status announcements, and guide changes so users can perform equivalent actions through different input methods.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing keyboard alternatives to dragging
  • Checking screen reader status announcements
  • Inspecting rendered drag-and-drop markup
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트