Skip to content
cccskills

Results for “markup”

302 skills · sorted by relevance

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.

The English summary is being prepared. Showing the original description.

mostafasudo/appilot3Updated Sep 14, 2026

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.

The English summary is being prepared. Showing the original description.

thedaviddias/agent-forge3Updated May 18, 2026

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-Checklist74.5KUpdated Oct 6, 2026

picture-element

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

product

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

review

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

local-business

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

input-types

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

broken-images

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

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-Checklist74.5KUpdated Oct 6, 2026

author-info

FreeSummary

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-Checklist74.5KUpdated Oct 6, 2026

blueprint-figure

FreeSummary

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-scratch72.1KUpdated Oct 21, 2026

remotion-new-markup

Official · RemotionFreeSummary

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/remotion66KUpdated Oct 21, 2026

remotion-interactivity

Official · RemotionFreeSummary

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/remotion66KUpdated Oct 21, 2026

getting-started

FreeSummary

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/table28.5KUpdated Oct 13, 2026

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-skills28.5KUpdated Aug 30, 2026

remotion-markup

Official · RemotionFreeSummary

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.5KUpdated Oct 20, 2026

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.2KUpdated Oct 20, 2026

office-utils

FreeSummary

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.8KUpdated Oct 21, 2026

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.

The English summary is being prepared. Showing the original description.

yaklang/hack-skills2.5KUpdated Sep 13, 2026

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".

The English summary is being prepared. Showing the original description.

AgriciDaniel/claude-blog2.4KUpdated Oct 14, 2026