跳到主要内容
火花工坊
下载 App
发布分享
一个网站设计系统提取提示词:把任意网站的设计规范导出成 markdown

一个网站设计系统提取提示词:把任意网站的设计规范导出成 markdown

一个网站设计系统提取提示词。

你把它复制到 Claude Chrome 浏览器扩展里,它会分析当前网站的设计系统,导出成一个 markdown 文件。

分析哪些页面:

  • 首页
  • 产品页或定价页
  • 内容内页
  • 表单或联系页
  • 有独特 UI 模式的页面

文档化什么:

  • 色彩:主色、辅色、强调色、中性色,带 hex/rgb
  • 字体:字体族、字重、字号、行高,H1-H6、正文、说明
  • 间距和布局:间距刻度、容器宽度、网格、断点
  • 按钮和 CTA:主/次/三级样式,含 hover 和 active
  • 表单和输入:字段样式、边框、焦点状态
  • 导航:页头/导航、页脚
  • 卡片和容器:圆角、阴影、边框
  • 图标和图像风格

它的特别之处:要求用实际计算的 CSS 值(通过元素检查),不是视觉估算,所以颜色、尺寸、间距是准确的。还会标记跨页面的不一致,不挑一个忽略其他。

适合谁:

  • 做项目主页、工具界面、需要参考现有设计的科研小组成员
  • 想快速提取一个网站设计系统的人
  • 需要设计规范文档、但不想手动整理的人

用法: 把这段提示词复制到 Claude Chrome 浏览器扩展里,打开目标网站,让它分析。

来源:prompts.chat · 发布时间:2026-09-12

评论 0

更多

登录后可点赞、收藏、评论和举报。

还没有评论,先发起一个具体问题。

0/2000