直接回答
在 Creght 里改内容要花积分吗？
改文字、换图片、调组件属性都不消耗任何积分。双击画布上的文本即可原地编辑，同时弹出元素编辑浮窗，浮窗里的「直接编辑」区域覆盖这个元素能改的全部内容——有输入框，就说明这项内容可以零成本修改。
只有「AI 指令」区域按量消耗积分，用于那些描述起来比手改更快的复杂改动：改布局、加模块、批量重构。两者在同一个浮窗里分区并列，花不花积分一眼可见，不会误触。
画布上当场就是最终的样子，不用等打包、不用等 AI，也不用刷新预览。
解决什么问题
改一个错别字，不该是一件要算成本的事。
网站上线后改得最多的是文案和图片。如果每一次修改都要过一遍 AI，那改错别字和重做板块花的是同一种额度。
| 没有 Creght 时 | 在 Creght 里 |
|---|---|
| 改一个错别字，也要走一次 AI、扣一次额度。 | 双击就改，不消耗任何积分。 |
| 装 Node、装依赖、跑 dev server 才能开始。 | 打开浏览器就是编辑器，什么都不用装。 |
| 改完等打包、刷新，才知道对不对。 | 原地编辑即时生效，Enter 保存、Esc 取消。 |
| 可视化工具改完导出一份代码，和线上又是两回事。 | 你改的就是网站本身，没有第二份要对齐。 |
怎么做到
零成本能改到哪一步
双击就改，不消耗任何积分
在画布上双击任意文本即可原地编辑，出现琥珀色边框，Enter 保存、Esc 取消。改文字、换图片这类内容调整全程不走 AI，也就不消耗积分——这是日常维护网站最常做的事，也是这里最该零成本的事。
双击文本，原地编辑
夏季新品系列
Enter 保存 · Esc 取消 · 不消耗积分
代码里同步变了
/pages/Index.tsx
<h1>夏季新品</h1>
+ <h1>夏季新品系列</h1>
同事把项目拉到本地，看到的就是你改的这一处。
组件的每个属性都能直接调
选中一个组件（价格卡、轮播图、按钮），元素编辑浮窗会把它的每一个属性平铺成独立输入控件。判断法则很简单：只要「直接编辑」区域里有输入框，这项内容就能零成本修改。
夏季新品系列
轻盈面料与大地色系，为炎夏准备的 12 款单品。
元素属性
鼠标移上去浮出标签名并画出选中框，点开即可在属性面板里精调。
真正的所见即所得，不用等
不用等打包、不用等构建、不用等 AI、也不用切到别处刷新预览——画布上当场就是最终的样子，你看到的就是发布后访客看到的。
设计
夏季新品系列
代码
<h1 className="text-5xl font-semibold">夏季新品系列</h1>
预览
夏季新品系列
同一个标题在三种模式下的样子：设计态可选中，代码态是那行 JSX，预览态是渲染结果。
复杂改动才交给 AI
改布局、加模块、批量重构这类描述比手改更快的事，用浮窗里的「AI 指令」区域一句话说清，这部分按量消耗积分。两个区域在同一个浮窗里分区并列，花不花积分一眼可见。
AI 指令
把这个标题改得更有冲击力，字号再大一点
/pages/Index.tsx
<h1 className="text-5xl font-semibold tracking-tight">
属性面板调不出来的，交给 AI 一句话；想自己动手就切到代码模式。