skills.rest
Military-Veteran-Team-LPT-Realty
Military-Veteran-Team-LPT-RealtyOFFICIAL
Explore all skills by this author →
GitHub

graphics-visual-compliance

Audit and fix broken images, logos, and contrast issues in Manus webdev projects.

Updated Sep 16, 2026
Search Tags:#cdn#webdev#image audit#wcag contrast#visual compliance#logo fix#manus-storage
One-click install
npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill graphics-visual-compliance-military-veteran-team-lpt-realty
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: graphics-visual-compliance
Source: https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills/tree/main/skills/graphics-visual-compliance
Command: npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill graphics-visual-compliance-military-veteran-team-lpt-realty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Web projects often ship with broken images, expired CDN URLs returning 403 errors, logos with white backgrounds on dark themes, and text that fails WCAG contrast requirements. This Skill provides a systematic workflow to inventory, verify, diagnose, and repair every visual asset before deployment. ## Core Features & Use Cases - Image URL Verification: Extract all image URLs from source code and HTTP-check each one for 200 status, diagnosing 403, 404, and malformed URL failures. - Logo Repair & Sourcing: Re-upload expired assets via manus-storage, source transparent PNGs from brand kits or apple-touch-icons, and apply CSS workarounds like mix-blend-mode for white-background logos on dark themes. - WCAG AA Contrast Compliance: Enforce 4.5:1 contrast ratios for text and add gradient overlays for text placed over images. - Use Case: Before deploying a landing page with partner outlet logos, run the audit to discover two logos return 403 from expired CDN sessions, re-upload them via manus-upload-file, wrap logos in white containers, and verify with screenshots. ## Quick Start Audit all images and logos in my webdev project, fix any broken or expired URLs, and verify the site meets WCAG contrast standards.

Frequently Asked Questions about graphics-visual-compliance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix broken images returning 403 in a Manus webdev project?▼

A 403 on manus-storage or manuscdn.com URLs means the signed CDN URL from a prior session expired. Download the original image and re-upload it in the current session using manus-upload-file --webdev, then update the code with the new /manus-storage/ path.

How to verify all image URLs return 200 status?▼

Extract every image URL from your source files with grep, then loop through them with curl -sI against the dev server and print the HTTP status code. Expect 200, or a 307 redirect to 200 for manus-storage paths.

How do I handle logos with white backgrounds on dark themes?▼

The best fix is sourcing or generating a transparent PNG version of the logo. Acceptable workarounds include applying mix-blend-mode: screen via CSS, or placing the logo inside a white rounded container for outlet cards.

What contrast ratio does WCAG AA require for text over images?▼

WCAG AA requires 4.5:1 for normal text and 3:1 for large text and UI components. For text over images, always add a gradient overlay such as bg-gradient-to-t from-black/70 to guarantee readability regardless of the image content.

Where should I source logos when official brand assets are unavailable?▼

Follow the sourcing hierarchy: official brand kit first, then the site's apple-touch-icon at 180x180, then saving the header logo from the browser, then AI generation with transparent background. Use the Google favicon API only as a last resort.

Related Skills

Explore More Software Engineering Skills→
vm0-aivm0-ai
76

imgur

Upload images to Imgur and return public URLs via HTTP POST.

Official
Basic
ThalesGroupThalesGroup
19

docs-publish-github-pages

Inspect and patch GitHub Pages docs publishing workflows.

Official
Advanced
sayasaya8039sayasaya8039
2

frontend-slides

Convert PowerPoint files to self-contained HTML presentations with animations.

Community
Intermediate
Davie521Davie521
7

browser-qa

Automate browser-based visual QA and accessibility checks on live web pages.

Community
Advanced