skills.rest
sadie100
sadie100COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/sadie100/claude-dotfiles --skill safari-fix
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
RooseveltAdvisorsRooseveltAdvisors
1

CodeReview

Audits JavaScript and Python files for common code and security defects.

Community
Advanced
oakossoakoss
14

playwright

Automate Chromium, Firefox, and WebKit browsers for web scraping and testing.

Official
Advanced
lucasnobreelucasnobree

playwright-testing

Automate E2E web testing across Chrome, Firefox, and Safari with Playwright.

Community
Advanced
xiaoniuge36xiaoniuge36
6

browser-compatibility

Configure Autoprefixer, core-js, and Browserslist for cross-browser web compatibility.

Community
Intermediate