ionic

Generate Ionic components, pages, and services with CLI commands.

Updated Aug 23, 2026

Search Tags:#web development #frontend #ui/ux #cli #mobile development #ionic

Ready to run

npx skills add https://github.com/rensjaspers/agents --skill ionic

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ionic
Source: https://github.com/rensjaspers/agents/tree/main/skills/ionic
Command: npx skills add https://github.com/rensjaspers/agents --skill ionic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides guidance and best practices for developing applications using the Ionic framework, ensuring consistency and efficiency in your development workflow.

Core Features & Use Cases

Ionic CLI Usage: Learn how to generate components, pages, and services.
Ionicons Integration: Understand how to import and use Ionicons.
Styling Conventions: Adhere to Ionic's default styling and utility classes.
Use Case: When you need to create a new page or component in an existing Ionic project, this Skill can guide you on the correct CLI commands and best practices for styling.

Quick Start

Use the ionic skill to generate a new page named 'dashboard' in the current Ionic project.

Frequently Asked Questions about ionic

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

FAQPage Schema

How do I generate a new page in an Ionic project using the CLI?▼

To generate a new page in an Ionic project, use the Ionic CLI commands provided by the framework's guidelines for creating components, pages, and services efficiently.

What's the best way to integrate and use Ionicons in my Ionic application?▼

Integrating Ionicons in an Ionic application requires following established conventions for importing and using the icon library within your frontend components.

Are there specific styling conventions for Ionic frontend components?▼

Ionic frontend components adhere to specific styling conventions, utilizing Ionic's default styling and utility classes to ensure consistency across the user interface.

Does this Ionic framework guidance apply to mobile development tasks?▼

Yes, this Ionic framework guidance applies to mobile development tasks, providing best practices for frontend UI/UX components and services within Ionic projects.

When do I need to use Ionic CLI commands for component generation?▼

You need Ionic CLI commands for component generation when creating new pages or services in an existing Ionic project to ensure adherence to established framework conventions.