Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Develop ArkTS apps with HarmonyOS SDK using ArkUI components, manage state, handle navigation, network, storage, permissions, and app signing.
Develop ArkTS apps with HarmonyOS SDK using ArkUI components, manage state, handle navigation, network, storage, permissions, and app signing.
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Use .equals() for string comparison, not == HarmonyOS uses ArkTS/TypeScript UI built with ArkUI framework App signing requires certificate configuration
IDE: DevEco Studio Language: ArkTS (TypeScript superset) SDK: HarmonyOS SDK API: HarmonyOS Next API
// Basic component @Entry @Component struct Index { @State message: string = 'Hello World' build() { Column() { Text(this.message) .fontSize(50) .fontWeight(FontWeight.Bold) } .alignItems(HorizontalAlign.Center) .width('100%') .height('100%') } }
// @State - Component internal state @State count: number = 0 // @Prop - Parent component prop @Prop message: string // @Link - Two-way binding @Link childCount: number // @Observed + @ObjectLink - Deep observation @Observed class Person { name: string = '' age: number = 0 } @ObjectLink person: Person
// Component lifecycle aboutToAppear() {} // About to display onDidBuild() {} // Build complete aboutToDisappear() {} // About to destroy
Text - Text display Image - Image display Button - Interactive button Column/Row - Layout containers List - Scrollable list Grid - Grid layout Stack - Stacked layout Swiper - Carousel TabContent - Tab pages
// Linear layout Column() { } // Vertical Row() { } // Horizontal // Flex layout Flex() { direction: FlexDirection.Row } // Grid layout Grid() { columnsTemplate: '1fr 1fr 1fr' } // Stack Stack() { }
import router from '@ohos.router' // Navigate router.pushUrl('pages/Detail') // Go back router.back() // With params router.pushUrl({ url: 'pages/Detail', params: { id: 123 } }) // Get params const params = router.getParams()
import http from '@ohos.net.http' let httpRequest = http.createHttp() httpRequest.request( 'https://api.example.com/data', { method: http.RequestMethod.GET, header: { 'Content-Type': 'application/json' } }, (err, data) => { if (!err) { console.log(JSON.stringify(data.result)) } } )
import preferences from '@ohos.data.preferences' // Write let preferences = await preferences.getPreferences(context, 'myPrefs') await preferences.put('username', 'tom') await preferences.flush() // Read let value = await preferences.get('username', 'default')
import abilityAccessCtrl from '@ohos.abilityAccessCtrl' // Declare in module.json5 // "requestPermissions": [ // { "name": "ohos.permission.INTERNET" } // ] // Request at runtime let atManager = abilityAccessCtrl.createAtManager() atManager.requestPermissionsFromUser(context, ['ohos.permission.INTERNET'])
ohos.permission.INTERNET - Network access ohos.permission.GET_NETWORK_INFO - Network status ohos.permission.CAMERA - Camera access ohos.permission.WRITE_MEDIA - Media write ohos.permission.READ_MEDIA - Media read
DevEco Studio โ Build โ Build Hap Configure signing in Project Structure โ Signing Configs Requires .p12 certificate and .cer public key Use debug signing for development, release for production
NeedSolutionState management@State, @Prop, @Link, @ObservedListsList + ListItemNetwork@ohos.net.httpStorage@ohos.data.preferencesRoutingrouter.pushUrl()ToastpromptAction.showToast()Dialogdialog.showDialog()
Official: https://developer.harmonyos.com/ API Docs: https://docs.openharmony.cn/ Samples: https://gitee.com/openharmony/app_samples
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Largest current source with strong distribution and engagement signals.