技能说明
适合把一个真实网站的视觉语言、布局规则和交互状态整理成可复用的设计参考。技能会通过 agent-browser 读取公开网页的 DOM、计算样式、CSS 变量、样式表规则、可见文案和交互状态，生成 DESIGN.md（或 design.md）以及配套的 HTML 预览页。它强调先用页面证据提炼设计系统，不以截图猜测为主，也不等同于直接复制网站。
安装前检查
把兼容性、来源和安装入口先看清楚，再放进自己的工作流。
兼容平台
Codex · Claude Code · 兼容 Agent Skills
来源状态
已提供来源链接
安装方式
命令可直接复制
最近整理
2026/09/16
安装提醒：即使有清晰的来源和安装方式，也建议先阅读 SKILL.md，确认它会访问哪些文件和服务。
安装命令
python3 ~/.codex/skills/.system/skill-installer/scripts/install-skill-from-github.py --repo Paidax01/web-to-design-md --path .适用平台与标签
CodexClaude Code兼容 Agent Skills#设计系统#网站分析#DESIGN.md#响应式#品牌视觉#前端