基于 SOC 职业分类
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/ffsshhttiikk/opencode-agents-skills --skill hybrid-apps命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
| name | hybrid-apps |
| description | Hybrid mobile app development |
| license | MIT |
| compatibility | opencode |
| metadata | {"audience":"mobile-developers","category":"mobile-development"} |
Use me when:
Hybrid apps run in a WebView but can access native APIs through bridges. They combine web and native components.
┌─────────────────────────────────────┐
│ Native Container │
│ ┌─────────────────────────────┐ │
│ │ WebView (HTML/JS) │ │
│ └─────────────────────────────┘ │
│ ┌─────────────────────────────┐ │
│ │ Native Bridge/Plugins │ │
│ └─────────────────────────────┘ │
└─────────────────────────────────────┘
Popular hybrid framework using Angular, React, or Vue:
import { Component, OnInit } from '@angular/core';
import { Camera, CameraOptions } from '@ionic-native/camera/ngx';
@Component({
selector: 'app-camera',
template: `
<ion-button (click)="takePicture()">Take Photo</ion-button>
<ion-img [src]="imageUrl"></ion-img>
`
})
export class CameraPage implements OnInit {
imageUrl: string;
constructor(private camera: Camera) {}
takePicture() {
const options: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.DATA_URL,
encodingType: this.camera.EncodingType.JPEG
};
this.camera.getPicture(options).then(
(imageData) => {
this. = + imageData;
}
);
}
}