用途：在设计 Android 屏幕或流程时使用，交付物是目标窗口尺寸类的设备边框 HTML 稿，以及可供 Compose 实现的交接规格（颜色、字体、形状、间距、状态、色调层级）。该技能不编写 Jetpack Compose 代码，实现交给 Android 开发者。
前提与输入：需已存在设计系统令牌（design-system.md，含 OKLCH 调色板、字体方向、动效个性），并明确要绘制的屏幕/流程及目标窗口尺寸类。
主要步骤：将令牌映射到 Material 3 字体角色，基线 15 个角色（displayLarge 57/64sp 至 labelSmall 11/16sp，Roboto），Expressive 另加 15 个 Emphasized 角色；映射到颜色角色，核心角色族由种子色派生，完整体系含 45 个颜色角色与 5 级 surface-container 层次，error 相关角色保持静态不随动态种子派生，Android 12+ 支持从壁纸生成动态色；映射形状，按形状刻度而非任意圆角；层级用 0–5 级令牌对应 0/1/3/6/8/12dp，通过阴影表达，不再仅靠 surfaceTint；从窗口尺寸类参考中选择与目标设备类（手机/折叠屏/平板/桌面）匹配的 dp 宽度；构建 HTML 稿，设备边框 div 按 dp 等值 px，全程遵循 4dp 基准 / 8dp 网格；校验触控目标与间距，最小 48×48dp、相邻目标间距 ≥8dp；FAB 从 3 档中按主操作权重选择，小号 FAB 在 Expressive 中已弃用；动效使用 Expressive 的弹簧物理，未指定处沿用旧时长/缓动曲线。
交接规格：按 handoff-compose.md 输出，颜色对应 MaterialTheme.colorScheme.、字体对应 MaterialTheme.typography.、形状对应 MaterialTheme.shapes.*，并给出 dp 间距刻度、明确尺寸、状态与色调层级（标注 0–5 级而非仅“抬起/扁平”），布局使用 start/end 而非 left/right 以支持 RTL。
限制：截图/预览工具不可用时，可用精确 dp 值在规格中描述稿子；缺少的事实须标注“待 developer.android.com / m3.material.io 复核”，不得编造数字，尤其涉及完整 45 角色颜色体系、32/48dp/Full 形状、FAB 档位 dp 尺寸、动效弹簧参数等尚未展开的参考。输出为设备边框 HTML 稿与 handoff.md。后续可接 design-review（仅针对稿子截图与对比度校验）。