sheldrapps/create-ionic-app
skills/create-ionic-app/SKILL.md
Create a new Ionic Angular app inside this monorepo with tabs baseline, settings integration through @sheldrapps/settings-kit, config.json persistence wiring pattern, and ui-theme integration. Use when adding a new app under apps/*.
tools
Updated Apr 29, 2026
$ install --global
skillsauthnpx skillsauth add sheldrapps/sheldrapps create-ionic-appInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 29, 2026, 9:11 AM13.2s1 file scanned
SKILL.md
- name:
- create-ionic-app
- description:
- Create a new Ionic Angular app inside this monorepo with tabs baseline, settings integration through @sheldrapps/settings-kit, config.json persistence wiring pattern, and ui-theme integration. Use when adding a new app under apps/*.
Create Ionic App (Monorepo Standard)
Checklist
- Create app folder under
apps/<new-app>. - Add workspace dependencies in
apps/<new-app>/package.json:@sheldrapps/settings-kit@sheldrapps/ui-theme- Add others only if needed (
file-kit,ads-kit,image-workflow,i18n-kit).
- Copy the standard app scripts block used in
epub-cover-changerandcover-creator-for-kindleintoapps/<new-app>/package.jsonscripts:ngstartprebuild(node ../../scripts/ensure-stencil-entry.cjs && node ../../scripts/patch-capacitor-status-bar.cjs && node ../../scripts/patch-capacitor-admob.cjs)buildwatchtestlintassets:androiddebugApkreleaseApkbundleRelease- Reference files:
apps/epub-cover-changer/package.jsonapps/cover-creator-for-kindle/package.json
- Add/update TS paths in app
tsconfig.jsonandtsconfig.app.jsonusing existing apps as reference:../../packages/settings-kit/src/public-api.ts../../packages/ui-theme/src/index.ts../../packages/ui-theme/styles/*
- Create tabs shell and route files following existing pattern:
src/app/tabs/tabs.page.htmlsrc/app/tabs/tabs.routes.ts
- Ensure Tab #3 is Settings when app has at least 3 tabs:
- third
<ion-tab-button>should map to settings tab id. - route path should include
settings.
- third
- Define app settings schema in:
src/app/settings/<app>-settings.schema.ts
- Wire settings kit in
src/main.ts:- call
provideSettingsKit({ appId, schema, ... }) - use
ConfigJsonFileAdapterfor persistentconfig.jsonpattern (see below).
- call
- Wire ui-theme styles:
src/global.scss->@use "@sheldrapps/ui-theme/styles/index" as *;src/theme/variables.scss-> same baseline import.
- Add app scripts in root
package.jsonif needed (dev:*,build:*,lint:*).
config.json Persistence Pattern
Use real wiring pattern from:
apps/cover-creator-for-kindle/src/main.tsapps/epub-cover-changer/src/main.ts
Expected pieces:
ConfigJsonFileAdapter({ primaryKey: "<app>.settings", fallbackAdapter: new WebLocalStorageAdapter() })- optional legacy read cleanup with
CompositeStorageAdapter([new CapacitorPreferencesAdapter(), new WebLocalStorageAdapter()])
If app intentionally does not use ConfigJsonFileAdapter, document that as a TODO in app bootstrap.
Validation Steps
pnpm ipnpm --filter <new-app> startpnpm --filter <new-app> lintpnpm --filter <new-app> buildpnpm testpnpm lintpnpm build
Related Skills
sheldrapps/skills/add-ui-component
development
VerifiedTrustedCommunity
--- name: add-ui-component description: Add or update a reusable UI component following this monorepo standard: search ui-theme first, implement component in @sheldrapps/ui-theme when reusable, export it, then consume from app without creating new app-level SCSS unless justified. --- # Add Reusable UI Component ## Checklist 1. Search existing ui-theme assets before creating anything: - `packages/ui-theme/src/lib/components` - `packages/ui-theme/styles` 2. Reuse existing tokens/styles if
SKILL.mdUpdated Apr 29, 2026
openclaw/taskflow
tools
VerifiedTrustedCommunity
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
357,764SKILL.mdUpdated Apr 10, 2026
openclaw/extensions/lobster
tools
VerifiedTrustedCommunity
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
357,764SKILL.mdUpdated Apr 10, 2026
steipete/extensions/lobster
tools
VerifiedTrustedCommunity
# Lobster Lobster executes multi-step workflows with approval checkpoints. Use it when: - User wants a repeatable automation (triage, monitor, sync) - Actions need human approval before executing (send, post, delete) - Multiple tool calls should run as one deterministic operation ## When to use Lobster | User intent | Use Lobster? | | ------------------------------------------------------ | --------------------------
357,588SKILL.mdUpdated Apr 13, 2026