static-website-asset-paths

Convert absolute asset paths to relative in HTML for proxy compatibility.

2|Updated Jun 21, 2026
One-click install
npx skills add https://github.com/CommonCapital/Manus-ai_clone --skill static-website-asset-paths
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: static-website-asset-paths
Source: https://github.com/CommonCapital/Manus-ai_clone/tree/main/public/deep-agent/skills/static-website-asset-paths
Command: npx skills add https://github.com/CommonCapital/Manus-ai_clone --skill static-website-asset-paths

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill ensures that all static assets within sandbox-generated websites, such as CSS, JavaScript, and images, are correctly referenced with relative paths to enable proper loading through proxy URLs, which is essential for proxy compatibility and asset access.

Core Features & Use Cases

  • Proxy Compatibility: Corrects relative path usage for assets to prevent errors when accessed via proxy URLs.
  • Asset Reference Management: Provides guidance on maintaining the structure and hierarchy of static assets in HTML files.
  • Use Case: When building or modifying static websites within a sandbox environment, this skill guarantees that assets such as CSS files and images are correctly loaded by the browser without causing 404 errors.

Quick Start

Apply the static-website-asset-paths skill before deploying your static website to the sandbox environment to ensure all static assets are referenced with correct relative paths.

Frequently Asked Questions about static-website-asset-paths

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

FAQPage Schema
Why do my static website assets fail to load with 404 errors through a proxy server?

Static website assets fail through a proxy server because absolute paths cannot resolve to the proxy URL. Correcting HTML references to relative paths ensures assets are accessible and prevents 404 errors.

How do I fix static asset path references in HTML for proxy compatibility?

To fix static asset path references for proxy compatibility, convert absolute URLs to relative paths within your HTML files. This adjustment allows CSS, JavaScript, and images to load correctly via proxy servers.

When do I need to use relative paths for static assets in a sandbox environment?

You need relative paths for static assets when building or deploying websites within a sandbox environment. This ensures proxy compatibility and allows browsers to correctly load assets without location errors.

What is the best way to ensure CSS and JavaScript files load correctly via proxy URLs?

The best way to ensure CSS and JavaScript files load via proxy URLs is to correct asset reference management in HTML. Using relative paths maintains file structure hierarchy for proper proxy access.

Can I use absolute paths for website deployment in OpenSandbox?

Absolute paths are not recommended for website deployment in OpenSandbox. You must convert them to relative paths to ensure proxy servers can correctly locate and load your static assets.

Does static-website-asset-paths support automatic correction of image references?

The static-website-asset-paths skill corrects asset path references from absolute to relative in HTML. It supports static assets like images, ensuring they are properly referenced for proxy URL compatibility.