@kuikly-ai/create-kuikly-app

One command to scaffold a full Kuikly project — zero IDE interaction required.

Designed to be AI Agent friendly: every command supports --json structured output, fully non-interactive operation, and structured error codes.

Quick Start

# Create a new project (interactive-friendly output)
npx @kuikly-ai/create-kuikly-app create MyApp --package com.example.myapp

# Or with Compose DSL
npx @kuikly-ai/create-kuikly-app create MyApp --package com.example.myapp --dsl compose

# AI Agent mode (JSON output)
npx @kuikly-ai/create-kuikly-app --json create MyApp --package com.example.myapp

Installation

# Use directly with npx (recommended)
npx @kuikly-ai/create-kuikly-app create MyApp

# Or install globally
npm install -g @kuikly-ai/create-kuikly-app
kuikly create MyApp --package com.example.myapp

Commands

kuikly create <project-name> — Create a new project

kuikly create MyApp \
  --package com.example.myapp \
  --dsl kuikly \
  --kotlin-version 2.1.21 \
  --kuikly-version 2.23.2 \
  --shared-module shared \
  --h5 \
  --miniapp \
  --skip-setup \
  --force

| Option | Description | Default | |--------|-------------|---------| | -p, --package <name> | Java/Kotlin package name | com.example.<project> | | -t, --template <name> | Template: kuikly or compose | kuikly | | -d, --dsl <type> | DSL type: kuikly or compose | kuikly | | --kotlin-version <ver> | Kotlin version | Latest from registry | | --kuikly-version <ver> | Kuikly SDK version | Latest from registry | | --shared-module <name> | Shared KMP module name | shared | | --h5 | Include H5 web app module | false | | --miniapp | Include mini program module | false | | --skip-setup | Skip post-creation setup | false | | --force | Overwrite existing directory | false |

Generated project structure:

MyApp/
├── shared/              # KMP shared module (business logic + UI)
│   ├── build.gradle.kts
│   ├── shared.podspec
│   └── src/
│       ├── commonMain/  # Cross-platform Kotlin code
│       ├── androidMain/
│       └── iosMain/
├── androidApp/          # Android application
├── iosApp/              # iOS application (xcodegen + CocoaPods)
├── ohosApp/             # HarmonyOS application
├── buildSrc/            # Centralized version management
├── build.gradle.kts     # Root Gradle build
├── settings.gradle.kts
├── gradlew / gradlew.bat
└── gradle.properties

kuikly create-integration <project-name> — Create an integration project

Create a Kuikly integration project with full platform host apps (Android/iOS/HarmonyOS). This generates the same project structure used by the kuikly-integration skill's reference templates — complete with render activities, view controllers, adapters, and modules for all three platforms.

# Kuikly DSL (default)
kuikly create-integration MyApp --package com.example.myapp

# Compose DSL
kuikly create-integration MyApp --dsl compose --package com.example.myapp

# AI Agent mode
kuikly --json create-integration MyApp --dsl kuikly --package com.example.myapp

| Option | Description | Default | |--------|-------------|---------| | -p, --package <name> | Java/Kotlin package name | com.example.<project> | | -d, --dsl <type> | DSL type: kuikly or compose | kuikly | | --force | Overwrite existing directory | false |

Difference from create: The create-integration command generates a project with complete platform host apps (render activities, view controllers, adapters, bridge modules) suitable for integration into existing apps. The create command generates a lighter project using Handlebars templates with XcodeGen for iOS.

kuikly create-page <page-name> — Add a new page

# Auto-detects package name and DSL type from project
kuikly create-page UserProfile

# Explicit options
kuikly create-page UserProfile --package com.example.myapp --dsl kuikly --module shared

kuikly create-component <component-name> — Add a reusable component

kuikly create-component ChatBubble
kuikly create-component ChatBubble --package com.example.myapp

kuikly build <platform> — Build for a platform

kuikly build android              # Debug APK
kuikly build android --release    # Release APK
kuikly build ios                  # iOS framework
kuikly build ohos                 # HarmonyOS HAP
kuikly build h5                   # H5 web bundle

kuikly run <platform> — Build and run

kuikly run android                          # Run on connected Android device/emulator
kuikly run ios                              # Run on iOS Simulator
kuikly run ios --device "iPhone 15 Pro"     # Specify simulator
kuikly run ohos                             # Build shared .so, package HAP, guide signing

kuikly preview <platform> — Visual verification (AI Agent core)

Build, install, launch, and take a screenshot — the visual feedback loop.

# Full flow: build → install → launch → screenshot
kuikly preview android --page HelloWorld

# Skip build (app already installed, just re-screenshot)
kuikly preview android --page HelloWorld --skip-build

# Custom screenshot output directory
kuikly preview android --output ./screenshots

# With timeout for slow renders
kuikly preview android --page HelloWorld --timeout 10

# AI Agent mode — get structured result with screenshot path
kuikly --json preview android --page HelloWorld

JSON output:

{
  "success": true,
  "command": "preview",
  "data": {
    "message": "Preview captured for page \"HelloWorld\"",
    "platform": "android",
    "device": "emulator-5554",
    "page": "HelloWorld",
    "screenshotPath": "/path/to/project/.kuikly/screenshots/android_HelloWorld_2026-03-06T12-00-00.png",
    "appId": "com.example.myapp"
  }
}

| Option | Description | Default | |--------|-------------|---------| | --page <name> | Page to navigate to | router | | --device <name> | Device serial or simulator name | Auto-detect | | --skip-build | Skip build (app must be installed) | false | | -o, --output <dir> | Screenshot output directory | .kuikly/screenshots/ | | --timeout <seconds> | Wait time for app to render | 5 |

Features:

• Auto-detects connected devices; auto-boots emulator if none found
• Structured build error diagnostics on failure (file, line, column, category)
• Screenshots saved with timestamp for visual history

kuikly screenshot [platform] — Quick screenshot

Capture what's currently on screen (no build, no launch).

kuikly screenshot                  # Android (default)
kuikly screenshot ios              # iOS Simulator
kuikly --json screenshot android   # Structured output

kuikly publish — Publish shared module to Maven

kuikly publish \
  --version 1.0.0 \
  --maven-url https://your-maven-repo.com/releases \
  --maven-user admin \
  --maven-password secret

kuikly upgrade — Upgrade SDK versions

kuikly upgrade                                     # Upgrade to latest
kuikly upgrade --kuikly-version 2.23.2             # Specific Kuikly version
kuikly upgrade --kotlin-version 2.1.21 --dry-run   # Preview changes

kuikly doctor — Check development environment

kuikly doctor

# Output:
# ✓ Node.js (v22.16.0) — Installed
# ✓ Java / JDK (17.0.9) — Installed
# ✓ Android SDK — Found at /Users/you/Library/Android/sdk
# ✓ XcodeGen (2.42.0) — Installed
# ✓ CocoaPods (1.16.2) — Installed
# ✓ OpenHarmony SDK — DevEco-Studio.app
# ✓ hvigorw (4.x) — Installed
# ✓ ohpm (5.x) — Installed
# ✓ hdc — Installed
# ...

kuikly templates — List available templates

kuikly templates

AI Agent Integration

All commands support --json for structured machine-readable output:

kuikly --json create MyApp --package com.example.myapp --skip-setup

JSON output format:

{
  "success": true,
  "command": "create",
  "data": {
    "message": "Project \"MyApp\" created successfully",
    "projectDir": "/path/to/MyApp",
    "config": { "projectName": "MyApp", "packageName": "com.example.myapp", ... },
    "elapsed": "0.3s"
  },
  "files": [
    "shared/build.gradle.kts",
    "shared/src/commonMain/kotlin/com/example/myapp/HelloWorldPage.kt",
    "androidApp/build.gradle.kts",
    ...
  ],
  "nextSteps": [
    "cd MyApp",
    "# Android: Open in Android Studio, then Run"
  ]
}

Error output format:

{
  "success": false,
  "command": "create",
  "error": {
    "code": "DIR_NOT_EMPTY",
    "message": "Directory \"MyApp\" already exists and is not empty.",
    "details": "Use --force to overwrite, or choose a different name."
  }
}

Error Codes

| Code | Description | |------|-------------| | INVALID_PROJECT_NAME | Project name contains invalid characters | | DIR_NOT_EMPTY | Target directory already exists | | REGISTRY_ERROR | Failed to fetch template registry | | TEMPLATE_NOT_FOUND | Requested template not available | | GENERATION_ERROR | File generation failed | | NOT_IN_PROJECT | Command run outside a Kuikly project | | BUILD_FAILED | Build process returned non-zero (includes diagnostics) | | INVALID_PLATFORM | Unrecognized platform argument | | MISSING_DEPS | Required tools not installed (doctor) | | NO_DEVICE | No Android device connected and no emulator found | | NO_AVD | No Android Virtual Device available | | EMULATOR_TIMEOUT | Emulator failed to boot in time | | SCREENSHOT_FAILED | Failed to capture or pull screenshot | | CONFIGURATION_ERROR | Cannot determine project settings | | NO_WORKSPACE | No .xcworkspace found for iOS build |

AI Agent Workflow Example

# 1. Check environment
kuikly --json doctor

# 2. Create project
kuikly --json create TodoApp --package com.example.todo

# 3. Add pages
cd TodoApp
kuikly --json create-page TodoList
kuikly --json create-page TodoDetail

# 4. Add components
kuikly --json create-component TodoItem

# 5. Build + Preview (visual verification loop)
kuikly --json preview android --page TodoList
# → Agent shows screenshot to user
# → User: "change the header color to blue"
# → Agent modifies code
kuikly --json preview android --page TodoList
# → Agent shows updated screenshot

# 6. Quick screenshot (app already running)
kuikly --json screenshot android

# 7. Build with structured error diagnostics
kuikly --json build android
# If build fails, error.diagnostics contains:
# [{ file: "shared/.../TodoList.kt", line: 42, message: "Unresolved reference: Textview" }]
# Agent can auto-fix and retry

# 8. Upgrade SDK
kuikly --json upgrade --dry-run
kuikly --json upgrade

Structured Build Error Diagnostics

When a build fails, the --json output includes machine-parseable diagnostics:

{
  "success": false,
  "command": "build",
  "error": {
    "code": "BUILD_FAILED",
    "message": "Execution failed for task ':shared:compileKotlinAndroid'",
    "diagnostics": [
      {
        "severity": "error",
        "file": "shared/src/commonMain/kotlin/com/example/todo/TodoList.kt",
        "line": 42,
        "column": 15,
        "message": "Unresolved reference: Textview",
        "category": "kotlin_compilation"
      }
    ],
    "suggestions": [
      "\"Textview\" is unresolved in .../TodoList.kt:42 — check spelling, imports, and that the dependency is declared"
    ]
  }
}

Diagnostic categories: kotlin_compilation, java_compilation, dependency_resolution, dexing, resource, configuration, sdk_missing, version_mismatch

Template System

Built-in Templates

| Template | Description | |----------|-------------| | kuikly | Standard Kuikly DSL — declarative UI with View { attr {} } syntax | | compose | Compose DSL — Jetpack Compose-style @Composable API |

Remote Templates

Templates are bundled with the npm package and used directly — no remote fetching required.

Template File Format

Templates use Handlebars syntax:

• {{variableName}} — Variable interpolation
• {{#if isCompose}} ... {{/if}} — Conditional blocks
• Files ending in .hbs are processed through the template engine
• Directory names with __variableName__ are dynamically renamed
• Binary files (images, JARs) are copied verbatim

Version Management

The CLI does not bundle Kuikly SDK versions. Instead:

1. A registry.json shipped with the package defines the latest supported versions
2. The CLI reads this at runtime to resolve default versions
3. You can always pin specific versions via --kuikly-version and --kotlin-version
4. Projects use buildSrc/KotlinBuildVar.kt for centralized version management

This means you never need to update the CLI just because a new Kuikly SDK was released.

iOS Project Generation

Instead of embedding a massive .xcodeproj/project.pbxproj file, this CLI generates:

1. project.yml — A concise XcodeGen spec
2. Podfile — CocoaPods dependency configuration
3. Swift source files — AppDelegate, ViewController, etc.

The Xcode project is generated by running:

cd iosApp
xcodegen generate                              # Generates .xcodeproj from project.yml
cd .. && ./gradlew :shared:generateDummyFramework  # Required before first pod install
cd iosApp && pod install                        # Installs CocoaPods dependencies
open iosApp.xcworkspace

If xcodegen and pod are available, the create command runs these automatically (including generateDummyFramework).

Prerequisites

Run kuikly doctor to verify your environment. Required tools:

| Tool | Required | Purpose | |------|----------|---------| | Node.js 16+ | ✅ | Run the CLI | | JDK 11+ | ✅ | Compile Kotlin/Android | | Android SDK | ⚠️ | Android builds | | Xcode | ⚠️ | iOS builds (macOS only) | | XcodeGen | ⚠️ | Generate Xcode project | | CocoaPods | ⚠️ | iOS dependency management | | DevEco Studio | ⚠️ | HarmonyOS builds and signing | | hvigorw / ohpm | ⚠️ | HarmonyOS build tools (bundled with DevEco Studio) | | Gradle | ⚠️ | Project wrapper setup | | Git | ⚠️ | Version control |

⚠️ = Optional but recommended for full platform support.

Development

# Clone and install
git clone https://github.com/zealotchen0/create-kuikly-app.git
cd create-kuikly-app
npm install

# Build
npm run build

# Watch mode
npm run dev

# Test locally
node dist/index.js create TestApp --package com.test.app --skip-setup

License

MIT