已有网站的 AI 改版 Prompt
网站改版 Prompt 既要说明视觉变化，也要写明必须保留什么。先记录现有界面，选具体缺陷，再提供限定范围的计划，让改动可以复核。
Neruve 编写 · 更新于
从可用的页面开始
先预览可用的 HTML 页面，再让编程智能体结合源码和配套 Prompt，练习这些方法。
Skills 继续免登录免费阅读和复制。模板可公开预览；源码下载和配套 Prompt 需要账户及相应购买权益或套餐。 查看源码权限和价格
先检查，再让 AI 改版网站
记录技术栈、路由、共享控件、文案和主要操作。查看实际桌面与手机页面，指出影响最大的层级、可读性、布局或行为问题，让改版针对原因而不只是添加装饰。
保护导航、表单与 SEO
明确 URL 目标、登录和支付约定、价格与统计事件。除非任务要求修改，否则保留标题、描述、canonical/hreflang 和内链，并在改动后复核。新布局本身不能证明搜索增长或转化提升。
把截图作为证据，避免照搬
使用自己的或获授权的参考图，写明相关区域与视口。描述顺序、间距、对比度或图片位置该如何调整，请 Agent 适配当前产品与组件。保留真实事实，避免带入其他公司的身份或宣传。
限定一次手机布局修复
先找出导致溢出的元素，再调整样式。保留有意义的内容，检查 320、390、768 和 1280 px，并复查焦点、链接与图片含义。下方修复练习是建议输入，不表示你的网站已通过检查。
可自行改写的原创练习
以下 Neruve 原创示例保留英文，是建议输入，不是工具实测输出或付费模板 Prompt。使用前请替换虚构事实。
网站改版需求
Audit this existing website before redesigning it.
Read its stack, routes, page copy, API calls, forms and shared components.
Protected: canonical URLs, navigation destinations, login/checkout behavior,
prices, analytics events and existing product facts.
Goal: make the offer and primary action easier to understand without new claims.
Record the current desktop and mobile layouts. Identify the three most useful
presentation changes, with section names and screenshot evidence.
Propose a small plan: hierarchy, typography, spacing and reusable component rules.
After approval, change one section first and show the result before expanding.
Retest the original links/forms, 1280/390/320 px layouts, keyboard focus and images.
Preserve headings, metadata, canonical/hreflang and internal links unless the
brief explicitly calls for an SEO change. Report actual checks, not assumed passes.手机布局修复
Repair horizontal overflow at 320 px in the existing hero.
Find the element causing overflow before changing styles.
Preserve desktop layout, copy, image meaning, primary action and all destinations.
Use wrapping, responsive sizing or a stacked layout appropriate to this section;
do not hide meaningful content or disable horizontal scrolling on the whole page.
Check the same hero at 320, 390, 768 and 1280 px, including keyboard focus.
Return the changed files, before/after evidence and unresolved failures.真实练习：用 Codex 生成 Fieldnote
Fieldnote 保留了原创输入、未经改写的 Codex HTML，以及桌面和手机检查记录。该次运行没有提供 frontend-design Skill，也不是 ChatGPT 或 Claude Design 实测。
用于已有项目的 Claude 网站改版 Prompt
从一个 Hero、现有组件库和原始操作入口开始。完整需求保护产品事实与行为，同时给 Claude Code 一个具体的界面任务。
查看完整 Claude 改版需求随结果保留哪些证据
保留改动文件、相同宽度的截图、原始操作目标，以及键盘、手机布局和受保护约定的检查结果。无法测试的项目标记为待验证。
以下是原创 Claude Code 建议输入，尚非 Claude 实测输出。按任务选择 Skill，检查依赖并保留项目事实。链接的 Taste 是独立社区项目。
常见问题
一个缺陷也要重新生成整个网站吗？
通常先做能解决实际问题的最小改动。大范围改版需要审查计划和共享控件、受保护行为的回归检查。保留上一版本，用相同视图对照后再接受结果。
浏览设计与配套 Prompt
Neruve 的公开目录提供网站设计、可用的配套提示词和 Skills 目录。交互预览无需登录；配套提示词按条目与套餐权益获取。本工作流使用你自己的编程工具，无需公开的 Neruve 网站生成器。
官方参考资料
第三方工具和 Skill 属于各自作者。链接用于参考，不表示合作关系或已包含相关使用权益。