先写规格再写代码：web-design SKILL 用 Claude Code 从截图生成网页
tom_doerr · x · 2026-09-04
GitHub 开源项目 xiaopu-ai/web-design 是一个 Claude Code SKILL，主张“先规格、后代码”来生成美观一致的网页，已获 700+ star。
- 输入灵活：PRD、参考 URL、截图、关键词、品牌名任意组合均可，并有优雅的降级链保证稀疏输入也能工作
- Phase A 理解：从输入提取设计线索；Phase B 产出 DESIGN.md：包含色彩、字体、组件、布局、动效、深度、禁忌、响应式、无障碍共 9 节规格，可人工编辑并沉淀在项目里；Phase C 生成代码：严格遵循规格，对照 100 分质量清单自审，有参考 URL 时做 diff 审计
- 结果是 UI、视觉、动效、响应式都能落地，且跨页面一致、跨 AI 工具可移植
「编程与Agent」频道最新
- Tibo 推出 Squad:AI 队友接入你的全部工具并按计划干活 — tibo_maker · 2026-09-04
- Cloud Desktop 发布：让云端开发机用起来像本地主机 — charlieholtz · 2026-09-04
- Ethan Mollick 用 GPT-6 自建数 GB 个人知识库，全程无人值守 — anpaure · 2026-09-04
- 用开源 Hermes 接 Muse 模型，近零成本跑 agentic 软件工厂 — intellectronica · 2026-09-04
- Yutori 发布 27B 计算机操作模型 Navigator n2，登顶 MyPCBench — kohjingyu · 2026-09-04
- OpenAI Responses API 上新:异步函数调用、中途转向与不破坏缓存调推理力度 — msg · 2026-09-04