Make Any Website Mobile-Friendly. A Free Claude Skill.
A Claude skill file that rewrites or audits your HTML and CSS for mobile responsiveness. Built for developers and no-code builders.
Your site looks great on desktop. It falls apart on a phone.
- Most websites are built on a desktop screen. Mobile is an afterthought. Your visitors are on their phones.
- Fixing responsiveness manually means touching media queries, flex rules, and font sizes one by one. It takes time and it breaks other things.
- This skill handles it. Paste your code, run the skill, get a mobile-ready version back.
What This Skill Does
This is a Claude skill file from the by-harshal GitHub repo. It takes your existing HTML and CSS and rewrites it to work properly on mobile screens. It handles layout, spacing, typography, and breakpoints. Works on static sites, Antigravity pages, and any hand-coded HTML. Free to download and use directly in Claude.
How to use
- Step 1. Open the GitHub link below and copy the skill file.
- Step 2. Paste it into Claude as a custom skill or start a new conversation with it.
- Step 3. Share your HTML and CSS code with Claude.
- Step 4. Claude rewrites and returns a mobile-optimised version.
Harshal Saraf
Creative Director + Orchestrates AI Workflow
Helping founders and agencies work smarter. As a Creative Director, he builds brand identities and orchestrates AI workflows for businesses. He also writes about productivity, the YourLife OS framework, and publishes Oh So AI, delivered every Tuesday and Friday.