Arkts Development

If you're building apps for HarmonyOS, this covers the ArkTS language and ArkUI framework end to end. You get state management with both the traditional decorators and the newer V2 system (recommended for API 12+), navigation patterns, network calls, and local storage. The skill includes command line tools you'll actually use: hvigorw for builds, codelinter for catching ArkTS-specific rule violations, and hstack for parsing obfuscated crash logs back to source. ArkTS is stricter than TypeScript, so the migration guide and constraint table are legitimately helpful if you're coming from web development. The examples are copy-paste ready, which matters when you're just trying to get a List rendering or figure out the right decorator for parent-child communication.

skills.sh installs: 223
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add fadinglight9291117/arkts_skills --skill arkts-development --agent claude-code

Installs into .claude/skills of the current project.

Files

ArkTS Development

Build HarmonyOS applications using ArkTS and the ArkUI declarative UI framework.

Quick Start

Create a basic component:

@Entry
@Component
struct HelloWorld {
  @State message: string = 'Hello, ArkTS!';

  build() {
    Column() {
      Text(this.message)
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
      Button('Click Me')
        .onClick(() => { this.message = 'Button Clicked!'; })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

State Management Decorators

V1 (Traditional)

Decorator	Usage	Description
`@State`	`@State count: number = 0`	Component internal state
`@Prop`	`@Prop title: string`	Parent → Child (one-way)
`@Link`	`@Link value: number`	Parent ↔ Child (two-way, use `$varName`)
`@Provide/@Consume`	Cross-level	Ancestor → Descendant
`@Observed/@ObjectLink`	Nested objects	Deep object observation