본문으로 건너뛰기
cccskills

'markup' 검색 결과

296건 · 관련도순

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," "breadcrumb schema," "Google rich results," "knowledge panel," "star ratings in search," or "add structured data." Use this whenever someone wants their pages to show enhanced results in Google. For broader SEO issues, see seo-audit. For AI search optimization, see ai-seo.

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

mostafasudo/appilot32026년 9월 14일 업데이트

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," or "breadcrumb schema." For broader SEO issues, see seo-audit.

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

thedaviddias/agent-forge32026년 5월 18일 업데이트

Review pagination markup so people using screen readers or keyboards can understand their current page and move between pages. Check navigation labels, current-page attributes, focusable controls, and announcements when the page changes.

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

  • Reviewing pagination in search results
  • Checking keyboard navigation between pages
  • Improving screen reader labels for pagination
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

product

무료

Add or review Product structured data, machine-readable product details, on shop pages. Check names, images, prices, availability, and ratings against visible content, then validate the markup for eligibility to show enhanced Google search results.

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

  • Add Product JSON-LD to product pages
  • Check structured prices against displayed prices
  • Review availability and rating fields
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

review

무료

Check and add structured data that describes user reviews and average ratings on product or service pages. Verify required fields against real reviews and validate the markup for star-rating search results.

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

  • Audit review markup on product pages
  • Add average ratings from genuine user reviews
  • Validate eligibility for star-rating search results
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일 업데이트

Audit structured data for businesses serving a physical location or geographic area. Check or add LocalBusiness JSON-LD, a machine-readable format for business details, verify addresses against visible page content, and validate the markup with Google's Rich Results Test.

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

  • Audit structured data on a local business website
  • Add business details to home and contact pages
  • Choose a specific type for restaurants or stores
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review HTML to find important fonts, images, and scripts discovered late during loading. Suggest resource hints, instructions that start fetching or connecting earlier, and check the final markup delivered to the browser.

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

  • Reviewing preload hints for important fonts and images
  • Checking early connections to third-party domains
  • Auditing resource hints in rendered HTML
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일 업데이트

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

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 author information in structured data, a machine-readable description of page content. Check names, profile links, and connections to articles or pages, then identify corrections using the rendered HTML and HTTP response.

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

  • Check author data on article pages
  • Connect authors to external profiles
  • Review author markup in page templates
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Create static SVG diagrams, scalable images for lessons, READMEs, and manuals. It uses real system names, nine diagram types, and consistent colors and arrows, with checks for readable labels, accessible descriptions, and valid markup.

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

  • Add a diagram of system interactions to a README
  • Explain state transitions in a manual
  • Illustrate data flow from logs or specifications
rohitg00/ai-engineering-from-scratch7.2만2026년 10월 19일 업데이트

Write or refactor Remotion components so timing and full-size layout live on the content itself. Reduce redundant wrappers and organize related scenes or clips on shared Studio timeline rows while preserving timing and layout behavior.

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

  • Put timing directly on scene and media components
  • Refactor redundant Sequence and AbsoluteFill wrappers
  • Group related scenes and clips on shared timeline rows
remotion-dev/remotion6.6만2026년 10월 20일 업데이트

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

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

  • Making titles and images editable in Studio
  • Keeping animation keyframes editable
  • Editing SVG shapes and their transitions visually
remotion-dev/remotion6.6만2026년 10월 20일 업데이트

Build and render TanStack Table v9 tables in Alpine, with data updates reflected in the interface. Covers table setup, Alpine markup, cell rendering, and guidance for sharing defaults and reusable UI across tables.

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

  • Building a basic table in Alpine
  • Reflecting replaced data arrays in a table
  • Adding buttons and inputs to table markup
TanStack/table2.9만2026년 10월 13일 업데이트

Audit website structure, navigation, URLs, and internal links to produce prioritized fixes. For a new site or redesign, create a site tree, URL specifications, and redirect mappings that clarify how pages connect.

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

  • Auditing an existing website's structure
  • Planning navigation for a website redesign
  • Connecting related pages with internal links
alirezarezvani/claude-skills2.8만2026년 8월 30일 업데이트

Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.

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

  • Create a title fade-in
  • Add an editable lower third over a video
  • Organize multiple scenes into editable timelines
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Test whether user input becomes HTML markup in pages or notification emails instead of appearing as plain text. Use distinctive test markers to document reflected or stored injection, assess visible effects, and distinguish HTML injection from JavaScript execution.

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

  • Check HTML handling in search results
  • Inspect stored profile fields and comments
  • Review HTML rendering in notification emails
elementalsouls/Claude-BugHunter5.2천2026년 10월 20일 업데이트

Unpack Word and PowerPoint files to inspect and edit their internal XML, the markup that stores document content. Repack targeted changes with XML syntax checks while preserving the original archive entry order.

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

  • Make a small edit inside a Word or PowerPoint file
  • Investigate errors in generated document XML
  • Inspect internal document parts and image references
pipeshub-ai/pipeshub-ai3.8천2026년 10월 20일 업데이트

Dangling markup injection playbook. Use when HTML injection is possible but JavaScript execution is blocked (CSP, sanitizer strips event handlers, WAF blocks script tags) — exfiltrate CSRF tokens, session data, and page content by injecting unclosed HTML tags that capture subsequent page content.

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

yaklang/hack-skills2.5천2026년 9월 13일 업데이트

Generate complete JSON-LD schema markup for blog posts with Article/BlogPosting, Person, Organization, BreadcrumbList, ImageObject, and optional FAQPage. Validates against Google requirements and warns about deprecated types. Use when user says "schema", "blog schema", "json-ld", "structured data", "schema markup", "generate schema".

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

AgriciDaniel/claude-blog2.4천2026년 10월 14일 업데이트