safari-fix

Identify and auto-fix Safari/WebKit compatibility issues in JavaScript code.

Updated Apr 8, 2026

Search Tags:#static analysis #auto-fix #safari #webkit #code compatibility

Ready to run

npx skills add https://github.com/sadie100/claude-dotfiles --skill safari-fix

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: safari-fix
Source: https://github.com/sadie100/claude-dotfiles/tree/main/skills/safari-fix
Command: npx skills add https://github.com/sadie100/claude-dotfiles --skill safari-fix

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires grep, python, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill identifies and auto-fixes code patterns that work in Chrome but break in Safari/WebKit, ensuring compatibility and smooth performance.

Core Features & Use Cases

Static Analysis: Detects Safari/WebKit pitfalls without running the browser.
Auto-Fix: Applies safe fixes to common issues like missing SVG width, 100vh issues, and date parsing errors.
Report-Only: Flags potential issues that require design or browser-support decisions.
Use Case: Use this Skill to ensure your web applications are fully compatible with Safari/WebKit, avoiding layout and functionality issues.

Quick Start

Run the safari-fix skill on your JavaScript code to identify and automatically fix Safari/WebKit compatibility issues.

Frequently Asked Questions about safari-fix

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

FAQPage Schema

How do I find and fix Safari WebKit compatibility issues in my JavaScript code?▼

To fix Safari WebKit compatibility issues, you can statically analyze your JavaScript code to detect patterns that work in Chrome but break in Safari, then apply automated fixes for common layout and functionality pitfalls.

Why does my web layout break in Safari but work perfectly in Chrome?▼

Web layouts break in Safari due to WebKit-specific pitfalls like missing SVG width attributes or 100vh rendering issues. Static analysis scans your code to identify these incompatible patterns without needing to run the browser.

Do I need Python and grep to run static analysis on Safari compatibility issues?▼

Yes, Python and grep are required dependencies to parse your JavaScript code and execute the automated Safari compatibility fixes and flagging logic.

What's the best way to auto-fix missing SVG width and date parsing errors for Safari?▼

The best way to auto-fix missing SVG width and date parsing errors is using static code analysis to safely apply targeted fixes for these common Safari and WebKit compatibility pitfalls automatically.

Can static analysis detect all Safari WebKit pitfalls or are there limitations?▼

Static analysis has limitations; it safely auto-fixes common issues like 100vh and date parsing, but also operates in a report-only mode to flag potential issues that require manual design or browser-support decisions.