wehub-resource-sync
070959e133
landing-page-staging / Deploy landing page to staging (push) Has been skipped
landing-page-ci / Validate landing page (push) Failing after 4s
visual-baseline / Capture visual baselines (push) Has been cancelled
bake-plugin-previews / Bake plugin previews (push) Has been cancelled
135 lines
9.0 KiB
JSON
135 lines
9.0 KiB
JSON
{
|
||
"$schema": "https://open-design.ai/schemas/plugin.v1.json",
|
||
"specVersion": "1.0.0",
|
||
"name": "example-mobile-onboarding",
|
||
"title": "Mobile Onboarding",
|
||
"title_i18n": {
|
||
"zh-CN": "移动端引导",
|
||
"zh-TW": "行動端引導",
|
||
"ja": "モバイルオンボーディング",
|
||
"ko": "모바일 온보딩",
|
||
"de": "Mobile Onboarding",
|
||
"fr": "Onboarding mobile",
|
||
"ru": "Мобильный онбординг",
|
||
"es": "Onboarding móvil",
|
||
"pt-BR": "Onboarding mobile",
|
||
"it": "Onboarding mobile",
|
||
"vi": "Onboarding di động",
|
||
"pl": "Onboarding mobilny",
|
||
"id": "Onboarding seluler",
|
||
"nl": "Mobiele onboarding",
|
||
"ar": "إعداد الجوال",
|
||
"tr": "Mobil onboarding",
|
||
"uk": "Мобільний онбордінг",
|
||
"en": "Mobile Onboarding"
|
||
},
|
||
"version": "0.1.0",
|
||
"description": "A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions \"mobile onboarding\", \"iOS onboarding\", \"phone signup\", or \"移动端引导\".",
|
||
"description_i18n": {
|
||
"zh-CN": "多屏幕移动引导流程，呈现为三个并排的手机框架——启动页、价值主张、登录页。包含状态栏、滑动指示点和主要CTA按钮。适用于需要'移动端引导'、'iOS引导'、'手机注册'或'移动端引导'的场景。",
|
||
"zh-TW": "多螢幕行動引導流程，呈現為三個並排的手機框架——啟動頁、價值主張、登入頁。包含狀態列、滑動指示點和主要CTA按鈕。適用於需要『行動端引導』、『iOS引導』、『手機註冊』或『移动端引导』的場景。",
|
||
"ja": "3つのスマホ画面を並べたマルチスクリーンのモバイルオンボーディングフロー（スプラッシュ、バリュープロップ、サインイン）。ステータスバー、スワイプドット、プライマリCTAを含む。『モバイルオンボーディング』『iOSオンボーディング』『スマホサインアップ』『移动端引导』に関する要件に対応。",
|
||
"ko": "세 개의 휴대폰 프레임을 나란히 배치한 멀티스크린 모바일 온보딩 플로우 — 스플래시, 가치 제안, 로그인. 상태 표시줄, 스와이프 점, 주요 CTA 포함. '모바일 온보딩', 'iOS 온보딩', '휴대폰 가입', '移动端引导' 관련 요구사항에 사용.",
|
||
"de": "Ein mehrbildschirmiger mobiler Onboarding-Ablauf mit drei nebeneinander angeordneten Handy-Frames — Splash, Value-Prop, Sign-in. Mit Statusleiste, Swipe-Punkten und primärem CTA. Verwenden Sie dies für 'Mobile Onboarding', 'iOS Onboarding', 'Phone Signup' oder '移动端引导'.",
|
||
"fr": "Flux d'onboarding mobile multi-écran présenté sous forme de trois cadres de téléphone côte à côte — splash, proposition de valeur, connexion. Barre d'état, points de swipe, CTA principal. À utiliser pour 'mobile onboarding', 'onboarding iOS', 'inscription téléphone' ou '移动端引导'.",
|
||
"ru": "Многоэкранный поток мобильного онбординга в виде трёх телефонных фреймов рядом — заставка, ценностное предложение, вход. Статус-бар, индикаторы свайпа, основной CTA. Используйте при упоминании 'мобильный онбординг', 'iOS онбординг', 'регистрация на телефоне' или '移动端引导'.",
|
||
"es": "Flujo de onboarding móvil multipantalla representado como tres marcos de teléfono uno al lado del otro — splash, propuesta de valor, inicio de sesión. Barra de estado, puntos de deslizamiento, CTA principal. Usar cuando se mencione 'onboarding móvil', 'onboarding iOS', 'registro telefónico' o '移动端引导'.",
|
||
"pt-BR": "Fluxo de onboarding mobile com múltiplas telas representadas como três molduras de celular lado a lado — splash, proposta de valor, login. Barra de status, pontos de swipe, CTA principal. Use quando mencionar 'onboarding mobile', 'onboarding iOS', 'cadastro no celular' ou '移动端引导'.",
|
||
"it": "Flusso di onboarding mobile multi-schermo rappresentato con tre frame di telefono affiancati — splash, value-prop, sign-in. Barra di stato, punti di swipe, CTA principale. Da usare quando si menziona 'onboarding mobile', 'onboarding iOS', 'registrazione da telefono' o '移动端引导'.",
|
||
"vi": "Luồng onboarding di động đa màn hình được hiển thị dưới dạng ba khung điện thoại cạnh nhau — splash, giá trị sản phẩm, đăng nhập. Thanh trạng thái, chấm vuốt, CTA chính. Sử dụng khi đề cập đến 'onboarding di động', 'onboarding iOS', 'đăng ký qua điện thoại' hoặc '移动端引导'.",
|
||
"pl": "Wieloekranowy przepływ onboardingu mobilnego w postaci trzech ramek telefonów obok siebie — splash, propozycja wartości, logowanie. Pasek stanu, kropki swipe, główny CTA. Użyj, gdy w briefie pojawi się 'onboarding mobilny', 'onboarding iOS', 'rejestracja na telefonie' lub '移动端引导'.",
|
||
"id": "Alur onboarding seluler multi-layar yang ditampilkan sebagai tiga bingkai ponsel berdampingan — splash, value-prop, sign-in. Status bar, titik swipe, CTA utama. Gunakan saat brief menyebutkan 'onboarding seluler', 'onboarding iOS', 'pendaftaran ponsel', atau '移动端引导'.",
|
||
"nl": "Een meerschermige mobiele onboarding-flow weergegeven als drie telefoonframes naast elkaar — splash, waardepropositie, inloggen. Statusbalk, swipe-dots, primaire CTA. Gebruik wanneer de brief verwijst naar 'mobiele onboarding', 'iOS onboarding', 'telefoonaanmelding' of '移动端引导'.",
|
||
"ar": "تدفق إعداد جوال متعدد الشاشات يُعرض كثلاثة إطارات هاتف جنبًا إلى جنب — شاشة البداية، عرض القيمة، تسجيل الدخول. شريط الحالة، نقاط التمرير، CTA رئيسي. يُستخدم عند ذكر 'إعداد الجوال'، 'إعداد iOS'، 'تسجيل الهاتف' أو '移动端引导'.",
|
||
"tr": "Yan yana üç telefon çerçevesi olarak gösterilen çok ekranlı mobil onboarding akışı — splash, değer önerisi, giriş. Durum çubuğu, kaydırma noktaları, birincil CTA. Özette 'mobil onboarding', 'iOS onboarding', 'telefon kaydı' veya '移动端引导' geçtiğinde kullanın.",
|
||
"uk": "Багатоекранний потік мобільного онбордінгу у вигляді трьох телефонних фреймів поруч — заставка, ціннісна пропозиція, вхід. Статус-бар, індикатори свайпу, основний CTA. Використовуйте при згадці 'мобільний онбордінг', 'iOS онбордінг', 'реєстрація на телефоні' або '移动端引导'.",
|
||
"en": "A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions \"mobile onboarding\", \"iOS onboarding\", \"phone signup\", or \"移动端引导\"."
|
||
},
|
||
"license": "MIT",
|
||
"author": {
|
||
"name": "Open Design",
|
||
"url": "https://github.com/nexu-io"
|
||
},
|
||
"homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/mobile-onboarding",
|
||
"tags": [
|
||
"example",
|
||
"first-party",
|
||
"prototype",
|
||
"design",
|
||
"web",
|
||
"mobile",
|
||
"mobile-onboarding",
|
||
"ios-onboarding",
|
||
"android-onboarding",
|
||
"phone-signup",
|
||
"app-onboarding",
|
||
"untitled"
|
||
],
|
||
"compat": {
|
||
"agentSkills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
]
|
||
},
|
||
"od": {
|
||
"kind": "scenario",
|
||
"taskKind": "new-generation",
|
||
"mode": "prototype",
|
||
"platform": "mobile",
|
||
"scenario": "design",
|
||
"surface": "web",
|
||
"preview": {
|
||
"type": "html",
|
||
"entry": "./example.html"
|
||
},
|
||
"useCase": {
|
||
"query": {
|
||
"en": "Design a 3-screen mobile onboarding flow for a meditation app — welcome, value props, sign-in.",
|
||
"zh-CN": "使用这个插件完成以下任务：Design a 3-screen mobile onboarding flow for a meditation app — welcome, value props, sign-in."
|
||
},
|
||
"exampleOutputs": [
|
||
{
|
||
"path": "./example.html",
|
||
"title": "Mobile Onboarding"
|
||
}
|
||
]
|
||
},
|
||
"context": {
|
||
"skills": [
|
||
{
|
||
"path": "./SKILL.md"
|
||
}
|
||
],
|
||
"designSystem": {
|
||
"primary": true
|
||
},
|
||
"craft": [
|
||
"state-coverage",
|
||
"animation-discipline",
|
||
"accessibility-baseline",
|
||
"form-validation",
|
||
"laws-of-ux"
|
||
],
|
||
"assets": [
|
||
"./example.html"
|
||
]
|
||
},
|
||
"pipeline": {
|
||
"stages": [
|
||
{
|
||
"id": "generate",
|
||
"atoms": [
|
||
"file-write",
|
||
"live-artifact"
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"capabilities": [
|
||
"prompt:inject",
|
||
"fs:write"
|
||
]
|
||
}
|
||
}
|