본문으로 건너뛰기
cccskills

'html' 검색 결과

2.5천건 · 관련도순

html-ppt-retro-quarterly-review

무료요약 있음AI 평가 80점

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

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

archify

무료요약 있음AI 평가 90점

자연어, Mermaid, 코드 근거로 시스템 구성도와 업무 흐름, 시간선 등을 만들고 검증하여 독립적으로 열람할 수 있는 대화형 HTML로 출력합니다.

  • 코드를 바탕으로 시스템 구성도를 만듭니다
  • 승인 절차나 여행 계획을 정리합니다
  • 데이터베이스 테이블 관계를 시각화합니다
tt-a1i/archify8.7만2026년 10월 20일 업데이트

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일 업데이트

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일 업데이트

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 and fix breadcrumb HTML so readers, including people using screen readers, can understand site hierarchy and their current location. Check navigation labels, ordered lists, current-page attributes, and consistency with structured data.

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

  • Reviewing breadcrumbs for screen reader accessibility
  • Checking breadcrumb HTML produced by shared components
  • Aligning structured data with visible breadcrumbs
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Inspect production HTML for development comments, debug code, console logs, and temporary markup. Remove unnecessary remnants, check comments for sensitive information, and preserve comments needed for accessibility or legal purposes.

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

  • Clean up HTML before a production release
  • Check comments for sensitive information
  • Remove debug logs and temporary elements
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review a website’s Content Security Policy, which controls allowed resources, and identify unsafe HTML insertion. Guide policy changes and sanitization, then verify actual HTTP responses and browser behavior in a production-like environment.

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

  • Reviewing an existing Content Security Policy
  • Restricting scripts and third-party resources
  • Checking how untrusted HTML is rendered
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review ARIA roles, labels that tell assistive technology what page elements do, and correct invalid values. Prefer standard HTML controls where suitable, then check keyboard behavior, focus movement, and screen reader output to verify the changes.

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

  • Finding invalid or misspelled ARIA role values
  • Replacing custom widgets with standard HTML controls
  • Reviewing accessibility in shared UI components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Structure an HTML video project for HyperFrames, with explicit clip timing, tracks, reusable scene sections, and framework-controlled media playback. Provides rules for repeatable rendering and checks to identify composition problems before producing the final video.

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

  • Create the HTML structure for a video project
  • Organize clip timing and tracks
  • Connect reusable scene sections
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Create a single HTML email file for use in an email tool, with layouts designed for Gmail, Outlook, and Apple Mail. Include preview text, accessible links, and appropriate footer details for marketing messages.

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

  • Create a promotional email
  • Prepare an announcement email
  • Adapt a layout for major email clients
asgeirtj/system_prompts_leaks7만2026년 10월 20일 업데이트

Style slides in an existing HTML presentation using documented CSS classes and component patterns. The skill covers two-column comparisons, cards, warning boxes, and code coloring, along with rules for automatically displayed slide badges.

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

  • Arranging before-and-after examples in two columns
  • Coloring code examples by syntax
  • Formatting key concepts, actions, and warnings
shanraisshan/claude-code-best-practice6.8만2026년 10월 20일 업데이트

playwright

Codex 공식무료

Capture a local static HTML page from the terminal using Playwright and Chromium. The supplied commands install the browser, set a 2048 × 1152 viewport, and save screenshots without starting a web server.

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

  • Capturing a local static HTML page
  • Saving screenshots at a specified viewport size
  • Keeping first and second captures as separate files
openai/openai-agents-python3만2026년 10월 20일 업데이트

snapdom

무료

Build image export features for HTML elements with snapDOM. The skill covers SVG, PNG, JPG, and WebP output, preserving styles and fonts, adjusting dimensions, excluding elements, and troubleshooting missing resources.

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

  • Adding image downloads for HTML elements
  • Exporting charts and graphics as SVG
  • Creating images with specified dimensions
2025Emma/vibe-coding-cn2.3만2025년 12월 17일 업데이트

Creates SVG technical diagrams for system architecture, UML, cloud systems, agents, and workflows. It checks labels and connections, exports PNG or offline HTML, and can animate supported diagrams as GIFs for explaining how components interact.

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

  • Illustrating system architecture and cloud components
  • Mapping agent interactions and workflows
  • Sharing diagrams as PNG or offline HTML
yizhiyanhua-ai/fireworks-tech-graph1.2만2026년 9월 5일 업데이트

Turn systems, code changes, plans, and data into HTML explanations built around diagrams and visual comparisons. Add interactive or animated steps where useful, with slides, PPTX exports, and MP4 videos available on request.

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

  • Explain system architecture and data flows visually
  • Review code changes or implementation plans with diagrams
  • Compare options and present data visually
nicobailon/visual-explainer1.1만2026년 10월 20일 업데이트

dashi-ppt

무료

Create presentations from a plain-language brief using preset visual themes. Compare three template layouts and one custom design per slide, edit the HTML presentation in a browser, and export to PPTX or PDF.

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

  • Creating slides for product introductions and business reports
  • Turning research findings and data into presentation slides
  • Comparing multiple layout options for each slide
chuspeeism/dashi-ppt-skill9.8천2026년 9월 12일 업데이트

stitch::code-to-design

Google 공식무료

Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.

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

  • Move an existing web app into Stitch
  • Review React or Vue component designs in Stitch
  • Extract design rules alongside screen HTML
google-labs-code/stitch-skills8.5천2026년 8월 18일 업데이트

Add animated transitions to presentation videos and interactive effects to HTML slideshows. Plan the sequence and timing of movement, apply effects such as fades or zooms, and produce an enhanced video or browser player.

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

  • Adding transitions to an existing presentation video
  • Animating text and page changes in an HTML slideshow
  • Adjusting animation timing and direction
anbeime/skill8.5천2026년 10월 20일 업데이트

ui-mockup

무료

Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.

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

  • Sketch screen layouts while writing requirements
  • Deliver HTML mockups alongside requirements
  • Test interactions with existing components
mvschwarz/openrig8천2026년 10월 21일 업데이트

Generate Word, PDF, and HTML documents from Markdown through visible conversion steps. Check available tools, handle special characters according to the output format, switch to alternative converters when needed, and verify the resulting files.

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

  • Exporting one document to Word, PDF, and HTML
  • Recovering from PDF encoding errors
  • Generating PDFs when LaTeX or pandoc is unavailable
HKUDS/OpenSpace7.8천2026년 8월 13일 업데이트