본문으로 건너뛰기
cccskills

'markup' 검색 결과

302건 · 관련도순

charset

무료

Review the HTML delivered to browsers for a correct UTF-8 character encoding declaration. Find missing or misplaced charset tags in templates and rendered pages, then position the declaration early to help prevent garbled multilingual text.

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

  • Investigating garbled Japanese or special characters
  • Checking character encoding declarations before release
  • Reviewing HTML output from shared templates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit publication and update dates on articles and blog posts. Add visible dates and structured metadata, information search engines can read, and check that modification dates reflect meaningful content changes rather than routine deployments.

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

  • Auditing date displays on blog posts
  • Adding publication and update dates to Article JSON-LD
  • Checking date handling in CMS templates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review images needed when a page first opens, checking file size, display dimensions, and loading priority. Identify changes to preload settings and lazy loading that help the main visual content appear sooner.

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

  • Reviewing hero image loading priority
  • Finding lazy-loaded images in the initial viewport
  • Checking image fixes in DevTools
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일 업데이트

aria-text

무료

Review rendered HTML for links, buttons, or inputs inside role="text" containers. Identify controls hidden from screen readers, suggest markup changes, and explain how to check keyboard access and screen reader output after fixing them.

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

  • Reviewing links and buttons inside text containers
  • Investigating controls missing from screen reader output
  • Checking accessibility in design system components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit large animated GIFs that may slow a web page, confirm their impact with performance measurements, and guide conversion to MP4 or WebM with video markup suited to looping animations.

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

  • Investigating slow pages that contain animated GIFs
  • Replacing large GIFs with MP4 or WebM
  • Reviewing playback attributes for looping videos
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review videos for information conveyed only through images, such as actions, expressions, and on-screen text. Identify missing audio descriptions and outline options for a separate description track, an extended version, or descriptions within the main narration.

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

  • Checking product demos for information missing from the audio
  • Planning audio descriptions for actions and on-screen text
  • Reviewing video description markup and player interactions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review form errors, success messages, and live updates so screen reader users receive important notifications. Check the HTML delivered to the browser, announcement settings, display duration, and dismissal controls, then identify specific elements that need changes.

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

  • Reviewing form error announcements
  • Checking success message display duration
  • Auditing live update notifications
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

404-page

무료

Create and review custom 404 pages that help visitors recover from broken or moved links through search and navigation. Check the rendered page and HTTP response so missing content returns a proper 404 status.

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

  • Creating a helpful custom 404 page
  • Adding search and navigation for broken links
  • Checking missing pages that return HTTP 200
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일 업데이트

Review HTML for deprecated ARIA roles, which describe elements to assistive technology, and abstract roles that should not appear in markup. Suggest recommended replacements or native HTML elements and explain potential browser and screen reader compatibility issues.

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

  • Find deprecated ARIA roles in existing code
  • Review whether native HTML can replace custom roles
  • Inspect role usage in shared UI components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review dynamic page updates so screen reader users hear status changes without moving focus. Check ARIA live regions, areas that announce updates, choose suitable announcement urgency, and identify markup or interaction issues to verify with accessibility tools.

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

  • Checking announcements of form results and errors
  • Making cart updates audible to screen reader users
  • Reviewing loading and status announcements
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review collapsible accordion sections for keyboard and screen reader access. Check button triggers, expanded-state attributes, panel links, and heading structure, then guide fixes using the HTML actually delivered to the browser.

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

  • Checking keyboard access to collapsible sections
  • Making accordion states clear to screen readers
  • Reviewing shared accordion components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review tooltips so keyboard and screen reader users can access their explanations. Check the rendered HTML, accessible associations, hover and focus behavior, Escape dismissal, and contrast, then identify the elements and attributes that need fixes.

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

  • Checking keyboard access to tooltips
  • Reviewing tooltip associations for screen readers
  • Checking hover, focus, and Escape behavior
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review website images and delivery settings to introduce AVIF, an image format with efficient compression. Check image size and loading behavior, and provide WebP or JPEG alternatives for browsers that do not support AVIF.

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

  • Considering AVIF for photographic website images
  • Providing WebP and JPEG alternatives for unsupported browsers
  • Reviewing image sizes and loading behavior on the initial screen
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

remotion-markup

Remotion 공식무료

Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.

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

  • Animating titles and subtitles
  • Combining video, audio, and images
  • Adjusting layer timing and trimming
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

Guides Avalonia interface layout with Zafiro.Avalonia, using shared styles, reusable components, and purpose-specific containers. Helps reduce repeated XAML, the markup used to define interfaces, and simplify deeply nested layouts.

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

  • Simplifying deeply nested screen layouts
  • Sharing styles across multiple screens
  • Extracting reusable interface components
sickn33/agentic-awesome-skills4.8만2026년 10월 21일 업데이트

ai-seo

무료

Review articles and product pages to help AI search systems find and cite their content. Assess competitor citations, improve standalone answers and source attribution, and plan ongoing checks of brand mentions and cited pages.

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

  • Audit brand and competitor citations in AI answers
  • Revise articles and product pages for clearer answers
  • Review sources, author details, and update dates
sickn33/agentic-awesome-skills4.8만2026년 10월 21일 업데이트

Turn notes, prose, code, schemas, or tables into editable diagrams, including flowcharts, architecture diagrams, and schedules. Choose Mermaid, Graphviz DOT, PlantUML, or SVG to suit the content, with image or PDF rendering when needed.

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

  • Turn business procedures into flowcharts
  • Diagram system architecture and dependencies
  • Visualize database relationships and interactions
zhaoxuya520/reverse-skill4.3만2026년 9월 22일 업데이트

Make focused interface changes from screenshots, annotations, or visually selected elements. Helps locate the responsible component and apply small style or markup edits while preserving existing behavior, accessibility features, and surrounding design.

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

  • Adjust a button identified in a screenshot
  • Change only one selected card
  • Apply interface fixes from visual annotations
wshobson/agents4.1만2026년 10월 20일 업데이트

slide-dsl

무료

Consult a field reference for slide JSON, the structured data behind each page. It explains where content and styling live, how edits are validated, and why a saved change may display differently or have no visible effect.

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

  • Finding the field that controls text color or fonts
  • Investigating rejected slide edits
  • Diagnosing saved changes with no visible effect
THU-MAIC/OpenMAIC4.1만2026년 10월 21일 업데이트

Structure Avalonia interfaces with Zafiro.Avalonia using shared styles, reusable components, and purpose-built layout containers. Guides reductions in duplicated XAML, the interface markup, and deeply nested layouts, while covering themes, icons, and interaction behavior.

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

  • Consolidating repeated visual settings into shared styles
  • Simplifying deeply nested screen layouts
  • Extracting repeated layouts into reusable components
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트

Plan website improvements for organic search traffic through keyword research, content structure, page metadata, and technical checks. Get guidance on internal links, structured data that describes page content, loading speed, and ongoing performance monitoring.

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

  • Choosing keywords and planning related articles
  • Reviewing titles, descriptions, and headings
  • Checking structured data and indexing settings
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트

seo-audit

무료

Audit a website for search visibility problems across indexing, technical performance, page content, and links. Produce findings with supporting evidence, estimated impact, and specific fixes organized into a prioritized action plan.

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

  • Investigate why important pages are missing from search
  • Review page titles, descriptions, and headings
  • Check technical SEO after a site migration
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트