用途：对线上 URL 或本地代码进行专业级 UX 与落地页审计，目标不是转化率优化，而是让页面达到整洁、一致、有意图的专业设计水准。
主要流程与能力：第一步做品牌与素材提取（仅 URL 目标）：用 curl 抓取页面 HTML，用 grep/sed 找出外部 CSS 与内联样式，从中提取背景色、主品牌色、按钮色、文字色、边框色、字体家族与字重、圆角等设计令牌；再从 HTML 提取 logo、客户 logo、证言头像、图标、认证徽章等真实图片 URL；并可用 shot-scraper（或 chromium/google-chrome 无头模式）截取整页与首屏截图用于视觉核对；最后输出品牌档案，无法提取的值标为 [inspect manually]，不臆造。本地路径目标则用 Glob + Read + Grep 浏览文件探索。
审计与修复：依据 references/dimensions.md 的 9 个维度评估（重点关注交互与动效维度），先输出“Top 3 Issues”清单，然后按品牌档案生成原型：项目放在 ~/coding/demo-sales-{project-name}/，含 index.html 与 README.md；页面需忠实复现原文案、标题、导航与板块顺序，应用全部修复，CSS/JS 全部内联、无需构建工具，只用已确认的品牌值与真实素材 URL，不得用 emoji、字母占位或虚构图片，动效须带 prefers-reduced-motion。随后用 python3 -m http.server 8765 启动本地预览（http://localhost:8765）。
输出与发布：生成 Loom 视频文稿（格式见 references/loom-transcript.md）；经用户确认后，用 git 初始化提交，并通过 gh repo create demo-sales-{project-name} --private 推送为私有仓库，最后输出仓库 URL。
适用场景：开发者、设计工程师或创始人对自建站点做上线前质量检查，或快速搭建可演示的修复原型。
限制：需联网抓取与截图工具；不负责转化率优化；设计令牌或素材提取失败时需人工检查；本资料未说明收费、价格、支持平台范围及具体维度细则。