开发者开源 20 个单文件 HTML 落地页,当 Claude Code 的视觉参照系
Azra_Nysus · reddit · 2026-10-10
开发者 AzraNysus 开源了 20 个免费、单文件、无需登录的落地页(纯 HTML/CSS/JS,无框架无构建),专供 Claude Code 用户「换皮」现有项目。
核心思路:与其用 prompt 描述设计,不如直接给 Claude 一份能跑的完整设计代码。单文件让 agent 直接读到排版、配色、间距、布局、组件样式、动画等完整视觉语言,而不用靠截图猜测。
作者给出了实测有效的 prompt 模板:让 Claude 分析附件 HTML 提取视觉设计系统(字体、颜色、间距、组件、阴影、动画),并一致地应用到现有项目,同时保留全部内容、功能、路由和业务逻辑——把 HTML 当「视觉事实源」而非替代架构。
关键经验:把「应用做什么」和「应用长什么样」分离;代码本身可以作为设计参照。他也提醒仍需人工检查响应式布局和组件一致性。
「编程与Agent」频道最新
- Keenan 用 AI 生成着色器并与 ShaderToy 作者隔空互动 — keenanisalive · 2026-10-10
- 用 agent 技能一键接入 Gaia DR3,在 3D 里探索真实星空 — TinfoilTricorn · 2026-10-10
- 开发者用 Claude 生成 Swift RealityKit 3D 仿真，锯子误用教学演示曝光 — Scobleizer · 2026-10-10
- 把 agent 会话记录当数据集:每周复盘写进 AGENTS.md 持续进化 — JeremyNguyenPhD · 2026-10-10
- DuckDB v2.0 CLI 推出 Agent 模式，token 消耗直降 59% — josh_wills · 2026-10-10
- Claude Code 写 CUDA 算子实测：融合 GELU 快 2.5 倍，还自创 fp32 拆分技巧 — lmoroney · 2026-10-10