Shuke / 述刻 · hi-fi design v1 102 screens/states × 2 languages (zh-Hans 102 · en 101) · 393×852

Language
Theme
Type
Show
Zoom

Every thumbnail is the real screen file rendered live. Switch Language to swap all screens between zh-Hans and English (the UI locale; content follows the persona's practice language). Click any screen to open it full size with its spec panel (API calls, local state, interaction notes, data-bind overlay). Deep link: index.html?lang=en. Docs: README · flows · states · data-binding · copy · tokens · iOS handoff.

Onboarding 11

First launch → answers feed POST /v1/onboarding

Welcomewelcome · default
Practice language · selectedlanguage · selected
Goal · defaultgoal · default
Goal · selectedgoal · selected
Scenario + topics · defaultscenario · default
Scenario + topics · selectedscenario · selected
Self-assessed level · defaultself-level · default
Self-assessed level · selectedself-level · selected
Weekly days + reminder time · defaultcommitment · default
Weekly days + reminder time · selectedcommitment · selected
Notification primingnotification-priming · default

Diagnostic 15

Free, real pipeline, round 1 only, 90 s cap

Diagnostic · introdiag-intro · default
Diagnostic · readdiag-read · normal
Mic purpose sheet (pre-permission)mic-purpose · sheet
Diagnostic · retell · idlediag-record · idle
Diagnostic · retell · recordingdiag-record · recording
Diagnostic · retell · pauseddiag-record · paused
Diagnostic · retell · autostopdiag-record · autostop
Diagnostic · retell · too-shortdiag-record · too-short
Diagnostic · retell · permission-denieddiag-record · permission-denied
Diagnostic · processing · uploadingdiag-processing · uploading
Diagnostic · processing · transcribingdiag-processing · transcribing
Diagnostic · processing · assessingdiag-processing · assessing
Diagnostic · processing · faileddiag-processing · failed
Diagnostic · processing · unreliablediag-processing · unreliable
Diagnostic result · animated revealdiag-result · reveal

Plan 1

14-day plan from the diagnostic

14-day planplan · default

Paywall (hard) 6

Interactive, honest; nothing past it without entitlement

Paywall · defaultpaywall · default
Paywall · loading-productspaywall · loading-products
Paywall · purchasingpaywall · purchasing
Paywall · purchase-failedpaywall · purchase-failed
Paywall · restoredpaywall · restored
Paywall · expired-returnpaywall · expired-return

Home 10

Daily quest, focus, streak, quick picks

Home · first-timehome · first-time
Home · normalhome · normal
Home · in-progresshome · in-progress
Home · completedhome · completed
Home · streak-riskhome · streak-risk
Home · offlinehome · offline
Home · no-questhome · no-quest
Home · topic-emptyhome · topic-empty
Home · loading skeletonhome · loading
Home · errorhome · error

Library 6

Topic filter, statuses, locked tiers — no import in v1

Library · loadinglibrary · loading
Library · listlibrary · list
Library · language-enlibrary · language-en
Library · filteredlibrary · filtered
Library · filter-emptylibrary · filter-empty
Library · errorlibrary · error

Read 3

Step 1/3

Read · normalread · normal
Read · long article, scrolled to endread · long-scroll
Read · Dynamic Type AX1 (≈135%)read · dynamic-type-xl

Record · round 1 7

Step 2/3 — 复述

Retell · round 1 · idlerecord · idle
Retell · round 1 · recordingrecord · recording
Retell · round 1 · pausedrecord · paused
Retell · round 1 · autostoprecord · autostop
Retell · round 1 · too-shortrecord · too-short
Retell · round 1 · permission-deniedrecord · permission-denied
Retell · round 1 · interruptedrecord · interrupted

Processing 7

upload → transcribe → assess

Processing · uploadingprocessing · uploading
Processing · transcribingprocessing · transcribing
Processing · assessingprocessing · assessing
Processing · failedprocessing · failed
Processing · unreliableprocessing · unreliable
Processing · long-waitprocessing · long-wait
Processing · offlineprocessing · offline

Feedback 6

One thing to change, bound to evidence

Feedback · fullfeedback · full
Feedback · low-confidencefeedback · low-confidence
Feedback · achievedfeedback · achieved
Feedback · playbackfeedback · playback
Feedback · exemplar-pendingfeedback · exemplar-pending
Feedback · exemplar-failedfeedback · exemplar-failed

Compress · round 2 7

Step 3/3 — 压缩重讲

Second take · round 2 · idlecompress · idle
Second take · round 2 · recordingcompress · recording
Second take · round 2 · pausedcompress · paused
Second take · round 2 · autostopcompress · autostop
Second take · round 2 · too-shortcompress · too-short
Second take · round 2 · permission-deniedcompress · permission-denied
Second take · round 2 · interruptedcompress · interrupted

Complete / settlement 6

Idempotent settlement, honest verdicts

Complete · improvedcomplete · improved
Complete · samecomplete · same
Complete · shorter-lostcomplete · shorter-lost
Complete · level-upcomplete · level-up
Complete · achievementcomplete · achievement
Complete · replayedcomplete · replayed

Growth 4

Ability (EMA), trend with gaps, micro-skills

Growth · emptygrowth · empty
Growth · baselinegrowth · baseline
Growth · readygrowth · ready
Growth · gapgrowth · gap

Profile & settings 8

Stats, weekly quests, retention, deletion, SIWA

Me · anonymous userprofile · normal
This week's questsweekly-quests · default
Settingssettings · default
Settings · languagessettings · language
Settings · delete training datasettings · delete-data-confirm
Settings · delete accountsettings · delete-account-confirm
Sign in with Apple upgradesiwa · sheet
Privacy & AI disclosureprivacy · default

Global 5

Sheets, alerts, toasts, fatal states

Resume sessionresume-session · sheet
Leave recording confirmleave-recording · alert
Offline toastoffline · toast
Generic errorerror · generic
Force updateforce-update · default