skills.rest
rensjaspers
rensjaspersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/rensjaspers/agents --skill ionic
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
TbK0ngTbK0ng

trellis-bootstrap

Initialize Trellis AI workflow scaffolding with .trellis structure, memory, and CLI hooks.

Community
Intermediate
crozzbitecrozzbite

mobile-native

Standardizes a Capitor and Ionic stack for mobile app architecture.

Community
Intermediate
mtsatryanmtsatryan
1

frontend-specialist

Plan and design frontend interfaces across React, Vue, Angular, and Svelte.

Community
Advanced
TMHSDigitalTMHSDigital
2

mobile-native-modules

Scaffold native modules for Expo, React Native, or Flutter with Swift, Kotlin, TypeScript, and Dart.

Community
Advanced