HyperDesign：一键提取网站设计系统

是什么 HyperDesign 将网页逆向观察转成一份可协作的 DESIGN.md：输入 URL 后，展示视口截图，并整理颜色、字体、字号、间距与圆角等设计令牌。推文面向 UI/UX 设计师，画面以 Anthropic 页面作为样例。

核心设计 入口是 URL 输入框与 Generate CTA；Viewport Capture 保留真实页面上下文；Colors 按主色、辅助色、中性色、强调色和成功色分组；Typography 用 H1、Body、Label 等语义层级呈现 StyreneB、字重和 rem；Spacing & Radius 把尺度与圆角可视化，Copy 按钮提供结果复用出口。价值在于把截图证据、设计令牌与文档串成一条流程，而非只做取色。

关键洞察 它适合竞品视觉研究、接手旧站、前端重构、设计评审和 AI 辅助复刻，能减少设计师与开发者之间的翻译成本，也让 DESIGN.md 成为轻量的视觉决策接口。按语义层级输出，比堆叠原始 CSS 值更利于长期维护。

边界与风险 画面不能证明组件识别完整、代码可直接运行或结果准确。字体语义、响应式断点、交互状态、无障碍规则和设计意图仍需人工校验；动态、登录后或个性化页面的覆盖范围未说明。抓取他站还要确认版权、品牌资产与隐私边界。