Tailwind Capacitor

This walks you through styling Capacitor mobile apps with Tailwind CSS, covering the mobile-specific stuff that trips people up. You get safe area inset handling for notches and home indicators, proper touch target sizing (44px minimum), and configuration for dark mode with system preference detection. The source includes working examples for common mobile patterns like headers that respect the notch, bottom sheets, and touch feedback states. It also handles the tricky bits like disabling text selection except in inputs, preventing pull-to-refresh bounce, and making hover states work correctly on touch devices. If you're building a Capacitor app and want Tailwind to behave properly on actual phones, this covers the essentials.

Install to Claude Code

npx -y skills add cap-go/capgo-skills --skill tailwind-capacitor --agent claude-code