傾斜擺正 <TiltShot />

左邊標題和 2–3 條要點，右邊一張截圖帶透視角度出場。配 build: 'reveal' 時第一次按 → 截圖轉正，之後每按一次出現一條要點。跳頁時直接顯示轉正後的截圖和全部要點。

分組: 動效 · 帶透視的截圖轉正後逐條講要點
元件: TiltShot · #tilt-shot
互動: 按 → 擺正截圖，再逐條出現要點

適合

軟體、工具、控制台的介面介紹
先給整體印象，再講 2–3 個看點

不適合

要在截圖上標位置：用 Screenshot
沒有真實截圖

內容上限

1	title ≤ 2 行 × 10 字
2	lead ≤ 40 字
3	points 2–3 條：title ≤ 10 字，body ≤ 20 字
4	src 必須是真實截圖

欄位

欄位	型別
`kicker` · 必填	`string`	小節名
`title` · 必填	`string \| string[]`	標題
`lead`	`string`	導語
`src` · 必填	`string`	截圖
`alt` · 必填	`string`	截圖說明
`ratio`	`number`	寬 ÷ 高，預設 16/10
`points` · 必填	`{ title, body }[]`	要點
`source`	`string`	出處

範例程式碼

<TiltShot
  kicker="傾斜擺正"
  title={['元件庫：', '先看全貌再細讀']}
  src={kit}
  alt="元件庫頁面截圖"
  points={[{ title: '按位置分組', body: '…' }, { title: '每個範本帶上限', body: '…' }]}
/>