Prompt Detail

Claude Opus 4.5 Development Verified on Claude Opus 4.5

While optimized for Claude Opus 4.5, this prompt is compatible with most major AI models.

Cross-Browser Compatibility Fixer

Professional Claude Opus 4.5 AI prompt for Cross-Browser Compatibility Fixer. Solve modern CSS layout issues across Safari, Chrome, and Firefox.

Authority Persona

gpt4
claude3
gemini

Prompt Health: 100%

Length
Structure
Variables
Est. 159 tokens
# Cross-Browser Compatibility Fixer Act as a Senior Frontend Engineer. I am having a layout issue where [DESCRIBE_ISSUE] happens in [BROWSER:SELECT:Safari-Mobile,Chrome-Windows,Firefox-Linux]. ## Debugging Info - Layout Engine: [ENGINE:SELECT:Flexbox,Grid,Absolute-Positioning] - Framework: [FRAMEWORK:SELECT:Tailwind,Plain-CSS,Bootstrap] ## Task 1. Identify the likely culprit (e.g., Safari's 100vh bug, Firefox's flex-gap issues). 2. Provide a "Progressive Enhancement" fix. 3. Offer a "Fallback" strategy for older versions. 4. Provide the CSS snippet using `@supports` or vendor prefixes. ---

Private Notes

Run Locally

Ollama not detected on localhost:11434