skills.rest
sheldrapps
sheldrappsCOMMUNITY
Explore all skills by this author →
GitHub

create-ionic-app

Create a standardized Ionic Angular app scaffold with tabs shell and workspace dependencies.

Updated Jan 28, 2026
Search Tags:#angular#scaffolding#pnpm#monorepo#ionic#ui-theme#settings-kit
One-click install
npx skills add https://github.com/sheldrapps/sheldrapps --skill create-ionic-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-ionic-app
Source: https://github.com/sheldrapps/sheldrapps/tree/main/skills/create-ionic-app
Command: npx skills add https://github.com/sheldrapps/sheldrapps --skill create-ionic-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill codifies the repository's app bootstrap conventions and removes repetitive, error-prone manual steps when adding a new Ionic Angular app to the monorepo so every app follows the same wiring, styling, and persistence patterns.

Core Features & Use Cases

  • Standardized scaffold: Create the apps/<new-app> folder with a tabs shell, routes, and the required src layout so new apps start with a consistent baseline.
  • Workspace integration: Add and document workspace dependencies such as @sheldrapps/settings-kit and @sheldrapps/ui-theme, and update TS path aliases to point to shared packages.
  • Persistence & settings wiring: Wire provideSettingsKit with ConfigJsonFileAdapter (and optional legacy CompositeStorage adapters) and include a settings schema so settings persist via config.json.
  • Scripts & styling: Copy the repository's standard package.json scripts and import ui-theme styles in global.scss and theme/variables.scss to guarantee consistent builds and dev flow.
  • Use case: When adding a new Kindle-like utility app, run this checklist to ensure the app boots in dev, includes settings as a third tab, persists config.json, and builds in CI without manual fixes.

Quick Start

Use the create-ionic-app skill to scaffold apps/my-new-app with a tabs shell, settings-kit wiring using ConfigJsonFileAdapter, ui-theme imports, and the standard package.json scripts.

Frequently Asked Questions about create-ionic-app

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

FAQPage Schema
How do I scaffold an Ionic Angular app in a pnpm monorepo?▼

To scaffold an Ionic Angular app in a pnpm monorepo, generate an apps/* folder with a tabs shell, update TS path aliases for shared packages, and copy standard package.json scripts to ensure consistent dev and build flows.

How do I wire a settings schema with ConfigJsonFileAdapter in an Ionic app?▼

Wiring ConfigJsonFileAdapter involves configuring provideSettingsKit with the adapter and a settings schema, allowing your Ionic app to persist configurations locally via a config.json file.

Does this Ionic app scaffolding process include global styling setup?▼

Yes, the Ionic app scaffolding process includes importing @sheldrapps/ui-theme styles directly into global.scss and theme/variables.scss to guarantee consistent theming across new apps.

What is the best way to standardize package.json scripts across monorepo apps?▼

The best way to standardize package.json scripts across monorepo apps is to copy predefined repository scripts during scaffolding, ensuring every application uses validated dev and build commands.

Can I add a new utility app to an Ionic Angular workspace without manual fixes?▼

Yes, you can add a new utility app without manual fixes by following a standardized scaffold checklist that pre-wires settings-kit persistence, ui-theme imports, and CI build scripts.

Related Skills

Explore More Software Engineering Skills→
daffy0208daffy0208
34

mobile-developer

Build cross-platform mobile apps with React Native and Expo.

Community
Intermediate
jmaglyjmagly
175

gate-evaluation

Validate phase-gate criteria and generate pass/fail gate reports.

Community
Advanced
sheldrappssheldrapps

add-ui-component

Create reusable UI components in the @sheldrapps/ui-theme package with SCSS and validation.

Community
Intermediate
oguzhan18oguzhan18
6

angular-schematics

Generate Angular schematics and custom generators for code scaffolding.

Community
Intermediate