feat: arkts-development skills

arkts-development/assets/component-template.ets

@@ -0,0 +1,57 @@
+// ArkTS Basic Component Template
+// Replace {{ComponentName}} with your component name
+
+@Entry
+@Component
+struct {{ComponentName}} {
+  // State management
+  @State isLoading: boolean = false;
+  @State errorMessage: string = '';
+
+  // Lifecycle
+  aboutToAppear(): void {
+    this.loadData();
+  }
+
+  aboutToDisappear(): void {
+    // Cleanup resources
+  }
+
+  // Methods
+  async loadData(): Promise<void> {
+    this.isLoading = true;
+    try {
+      // Load data here
+    } catch (error) {
+      this.errorMessage = 'Failed to load data';
+    } finally {
+      this.isLoading = false;
+    }
+  }
+
+  // Build
+  build() {
+    Column() {
+      if (this.isLoading) {
+        LoadingProgress()
+          .width(50)
+          .height(50)
+      } else if (this.errorMessage) {
+        Text(this.errorMessage)
+          .fontSize(16)
+          .fontColor(Color.Red)
+        Button('Retry')
+          .onClick(() => { this.loadData(); })
+      } else {
+        // Main content here
+        Text('{{ComponentName}}')
+          .fontSize(24)
+          .fontWeight(FontWeight.Bold)
+      }
+    }
+    .width('100%')
+    .height('100%')
+    .justifyContent(FlexAlign.Center)
+    .alignItems(HorizontalAlign.Center)
+  }
+}