Ionic Design

If you're building mobile apps with Capacitor and want them to feel native without writing platform-specific UI code, this walks you through Ionic's component library. It covers the essentials like page structure, lists, forms, buttons, and cards, plus the CSS imports you need to get the automatic iOS/Android platform styling working. The examples are React-focused but the patterns translate to Vue and Angular since Ionic supports all three. What I appreciate here is the emphasis on details that matter for mobile UX, like the collapsing large title header on iOS and swipeable list items. It's a solid reference when you need to look up component props or remember how to structure a form that doesn't feel like a web form slapped into a mobile wrapper.

Install to Claude Code

npx -y skills add cap-go/capacitor-skills --skill ionic-design --agent claude-code