解析参考
拆解导航、首屏、素材、字体、间距和不同屏幕下的布局关系。
实现交互
导航、按钮、菜单和内容入口都要能完成真实动作，而不是静态摆设。
对照验收
使用相同视口对比参考图与实现图，修掉影响层级和使用的差异。
从截图做出响应式界面
把参考图变成布局约束，并在桌面与窄屏反复对照。
交付一个可复查的网页预览
核对源码来源、构建结果和真实路由，再分享唯一候选地址。
使用案例 · 建站
从一张参考图搭建完整网站
重点不是写出相似的 CSS，而是把布局、素材、交互和验收一起做完整：从解析参考图到实现交互，再用相同视口对照验收。