본문으로 건너뛰기
cccskills

'cdn' 검색 결과

243건 · 관련도순

doc-kami-parchment

무료요약 있음AI 평가 100점

원고를 따뜻한 양피지색 배경, 짙은 잉크 청색 강조와 통일된 세리프 서체의 HTML 문서로 정리합니다. 보고서와 편지, 이력서 등을 글자 위계와 여백으로 구성합니다.

  • 핵심 내용을 한 장의 자료로 정리
  • 표지와 목차가 있는 긴 보고서 제작
  • 편지와 이력서의 서식 통일
nexu-io/open-design10.3만2026년 10월 21일 업데이트

deck-open-slide-canvas

무료요약 있음AI 평가 90점

고정된 1920×1080 캔버스에서 내용에 맞춰 슬라이드를 자유롭게 구성합니다. 색상과 글자 크기를 통일하고 키보드로 넘기는 단일 HTML 파일로 만듭니다.

  • 개인 포트폴리오 제작
  • 미술 및 디자인 수업 자료 작성
  • 질문이나 이미지 중심의 강연 자료 제작
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Turn CSV, Excel, or JSON data into a visual report page with key metrics, multiple charts, a data table, and written observations. The report uses supplied data and includes its source, reporting period, and methodology.

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

  • Turn growth data into a visual weekly report
  • Present key metrics and year-over-year changes
  • Share charts alongside source data and methodology
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Audit page loading and choose resource hints, browser instructions for fetching files or preparing connections early. Use measurements to identify delays, then suggest preload, preconnect, prefetch, or dns-prefetch for critical assets, external services, and likely next-page resources.

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

  • Reviewing early loading of key images and fonts
  • Preparing connections to external services
  • Prefetching resources for likely next pages
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit web images that are larger than their displayed size and help serve suitable versions for different screens. Review image dimensions, responsive image settings, and Lighthouse findings, then provide updated HTML and steps to verify the changes.

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

  • Finding oversized images on mobile pages
  • Reviewing srcset and sizes against the actual layout
  • Adding image variants for different screen widths
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review slow page loads and choose resource hints, browser instructions that start loading or connecting earlier. Use measurements to identify bottlenecks, then recommend preload, preconnect, prefetch, or dns-prefetch for important assets and likely next-page resources.

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

  • Reviewing slow loading of prominent images and fonts
  • Preparing connections to external services
  • Prefetching resources for likely next-page visits
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.

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

  • Checking fallback images for AVIF or WebP delivery
  • Reviewing picture element order and attributes
  • Fixing image markup with missing descriptions or dimensions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review image loading settings based on where images appear on a page. Identify offscreen images that should load later, keep important visible images loading promptly, and add image dimensions to reduce layout shifts.

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

  • Reviewing lazy loading for images below the first screen
  • Checking loading priority for hero images
  • Adding dimensions to lazy-loaded images
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

optimized

무료

Audit website images for excessive file sizes, unnecessary metadata, and loading issues. Apply format-specific compression and cleanup, then compare file sizes before and after changes to show the resulting reduction in image data.

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

  • Finding images that slow page loading
  • Comparing file sizes before and after compression
  • Removing unnecessary image metadata
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review JavaScript libraries for outdated versions, known security flaws, and unnecessary size. Use performance measurements to identify costly dependencies, then recommend secure updates or lighter alternatives with specific files and requests to investigate.

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

  • Checking dependencies for known security flaws
  • Investigating libraries behind slow page loads
  • Considering lighter library alternatives
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit slow page loads by measuring LCP, the time until the largest visible content appears. Identify bottlenecks in images, server responses, and rendering, then recommend changes supported by measurements.

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

  • Find why a page's main content appears slowly
  • Review hero image loading
  • Prioritize fixes using Lighthouse measurements
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.

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

  • Auditing image sizes and formats on slow-loading pages
  • Serving suitable image sizes for mobile and desktop screens
  • Preventing layout shifts while images load
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit important pages for settings that interfere with search indexing, including noindex directives, HTTP headers, and robots.txt rules. Identify accidental restrictions, suggest configuration fixes, and guide follow-up checks in Google Search Console.

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

  • Investigating important pages missing from Google Search
  • Checking for leftover staging restrictions after launch
  • Reviewing CMS indexing settings for pages and categories
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review image filenames and replace generic names with concise, descriptive names using lowercase letters and hyphens. Update references across HTML, CSS, and JavaScript to support image search visibility and easier asset management.

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

  • Reviewing product image filenames
  • Standardizing names across an image library
  • Updating references after bulk image renaming
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review how a website behaves when images fail to load and add fallback images or meaningful placeholder content. Check loading behavior, consider loading placeholders, and use error logging and browser developer tools to investigate and verify fixes.

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

  • Adding fallback images for broken image links
  • Reviewing placeholders shown while images load
  • Investigating image loading failures with logs and DevTools
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review image dimensions to find risks of layout shift, where content moves as images load. Get file-level findings and before-and-after HTML using correct width, height, and responsive CSS, while accounting for small decorations with stable sizing.

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

  • Investigating content jumps while images load
  • Finding images missing width or height attributes
  • Preserving image proportions in responsive layouts
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review images and their visible captions, then connect them with figure and figcaption markup. Check caption placement and alternative text so screen readers can present the relationship between an image and its description.

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

  • Reviewing HTML for images with captions
  • Checking captions and alternative text for duplication
  • Improving screen reader access to image descriptions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Find broken or fragile image references in markup, styles, and components. Correct paths, restore missing assets, and add fallback images, then verify how the page behaves when image requests fail.

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

  • Find why product images are missing
  • Check image paths after a build
  • Add fallback images for external URLs
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

alt-text

무료

Check image alt attributes, the text screen readers use to explain images. Identify missing or vague descriptions, distinguish decorative and linked images, and improve text alternatives for images containing words, charts, and other complex information.

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

  • Finding missing or vague image alt text
  • Distinguishing decorative images from informative ones
  • Describing destinations for linked images
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Create an eight-second HyperFrames title animation with wireframe letters, shown as 3D outlines, emerging through a portal and changing into another phrase. Adjust transition timing, abruptness, glitch strength, depth fog, and accent color.

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

  • Create a video opening with 3D outline letters
  • Change a title into a second message
  • Adjust portal bursts and letter glitches
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

Create a title animation where glass shards emerge through fog, assemble into a headline, and fly past the camera. Adjust the text, shard count, rotation, timing, and fog in a reusable HyperFrames video block.

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

  • Create a glass title sequence for a video
  • Adjust shard count and motion for a headline
  • Add a reusable title block to a HyperFrames project
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

Create a 12-second title animation in HyperFrames, where sweeping leaves reveal two headlines. Customize typography, leaf counts, sweep speed, background color, and the breeze moving the leaves that remain on the text.

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

  • Create a nature-themed video opening
  • Reveal two headlines in sequence
  • Adjust leaf movement to suit a title
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

Create a 22.5-second ice animation in HyperFrames, with an orbiting camera following a logo that breaks apart and reforms into two text messages. Customize the SVG logo, wording, ice appearance, and shard movement.

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

  • Create an ice-themed logo animation
  • Present two messages in one continuous sequence
  • Adjust ice transparency, frost, and cracks
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

Coordinate specialist agents to investigate and improve application performance across databases, backend services, frontend code, and delivery infrastructure. Establish baseline measurements, address observed bottlenecks, validate changes with load tests, and set up monitoring to detect future slowdowns.

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

  • Finding bottlenecks across an entire application
  • Coordinating database, backend, and frontend improvements
  • Validating performance changes with load tests
sickn33/agentic-awesome-skills4.8만2026년 10월 21일 업데이트