即使 Agent 的上下文超了，这部分信息也会一直存在，完成了卡帕西说的永久上下文。
如何又快又省的用 Edit 模式对项目进行修改
首先是一些基本样式的修改，你可以点击画布下面这个鼠标的图标，开启Edit 模式，就可以选中页面上的元素。
选中之后聊天窗口就会出现一个 CSS 属性的编辑组件，就可以直接编辑对应的文本、颜色对其方式等内容，编辑完点保存就行。
解决用文字描述不知道该怎么说的问题，由于直接把内容传入了 AI，所以可以精准的找到位置大幅节省 Token 消耗。
另外你会发现，选中的元素不止有上面的可视化修改区域，在输入框上面也回填了，如果上面的元素没有你想要修改的部分也可以打字描述。
然后 Edit 模式还不止可以选择网页元素，你还可以选择 Assets 部分的元素。
比如我这里可以选中网页标题，再选中 Assets 中我上传的猫猫头像，两个部分就都回填到了输入框里面，这时候你就可以将图片快速添加到指定位置了，我还让他给图片加上了圆形遮罩。
这样是不是比你吭哧瘪肚描述要好多了。
最后一个技巧，我们需要介绍一个概念“设计变量”，你是不是以为网页中所有元素的颜色、大小甚至描边粗细都是单独写的样式。
其实很多时候为了一致性和协作在正常写前端程序的时候都会将这些样式多封装一层，类似下面图片。比如描边颜色一般会指向这个变量名称而不是具体的颜色色值。
这样我们修改整个系统所有页面的描边颜色的时候就不需要一个一个改了，直接把映射表里的色值改掉，整个系统都会生效。
但是大部分编码 Agent 就是单独写的样式，所以随着你越该越多，模型丢三落四的现象就会越来越严重，需要传入的上下文也越来越长，直接导致上下文管理失败或者丢失需要改的部分。
Trickle AI 内置设计变量，我们在修改样式的时候直接让他改变量的值就可以了，不需要查询这个多个页面的样式文件，就能修改多个页面的元素样式。
了解了这个以后你用这种提问方式就可以频繁修改网页样式而不用担心过多的 Token 消耗和上下文占用。
你也可以让他拆分和新建设计变量，我这里原来导航的分割线和卡片描边共享一个变量，但是我不想他们是一个颜色，所以这个时候就可以要求他将分割线颜色和卡片描边颜色的变量分开分别设置。
这期间只涉及到设计变量的文件，所以消耗的 Token 非常少，这也是为什么我改了六十多个版本只花了几百积分的原因。
来让页面更美观吧
如何又快又省的用 Edit 模式对项目进行修改
首先是一些基本样式的修改，你可以点击画布下面这个鼠标的图标，开启Edit 模式，就可以选中页面上的元素。
选中之后聊天窗口就会出现一个 CSS 属性的编辑组件，就可以直接编辑对应的文本、颜色对其方式等内容，编辑完点保存就行。
解决用文字描述不知道该怎么说的问题，由于直接把内容传入了 AI，所以可以精准的找到位置大幅节省 Token 消耗。
另外你会发现，选中的元素不止有上面的可视化修改区域，在输入框上面也回填了，如果上面的元素没有你想要修改的部分也可以打字描述。
然后 Edit 模式还不止可以选择网页元素，你还可以选择 Assets 部分的元素。
比如我这里可以选中网页标题，再选中 Assets 中我上传的猫猫头像，两个部分就都回填到了输入框里面，这时候你就可以将图片快速添加到指定位置了，我还让他给图片加上了圆形遮罩。
这样是不是比你吭哧瘪肚描述要好多了。
最后一个技巧，我们需要介绍一个概念“设计变量”，你是不是以为网页中所有元素的颜色、大小甚至描边粗细都是单独写的样式。
其实很多时候为了一致性和协作在正常写前端程序的时候都会将这些样式多封装一层，类似下面图片。比如描边颜色一般会指向这个变量名称而不是具体的颜色色值。
这样我们修改整个系统所有页面的描边颜色的时候就不需要一个一个改了，直接把映射表里的色值改掉，整个系统都会生效。
但是大部分编码 Agent 就是单独写的样式，所以随着你越该越多，模型丢三落四的现象就会越来越严重，需要传入的上下文也越来越长，直接导致上下文管理失败或者丢失需要改的部分。
Trickle AI 内置设计变量，我们在修改样式的时候直接让他改变量的值就可以了，不需要查询这个多个页面的样式文件，就能修改多个页面的元素样式。
了解了这个以后你用这种提问方式就可以频繁修改网页样式而不用担心过多的 Token 消耗和上下文占用。
你也可以让他拆分和新建设计变量，我这里原来导航的分割线和卡片描边共享一个变量，但是我不想他们是一个颜色，所以这个时候就可以要求他将分割线颜色和卡片描边颜色的变量分开分别设置。
这期间只涉及到设计变量的文件，所以消耗的 Token 非常少，这也是为什么我改了六十多个版本只花了几百积分的原因。
来让页面更美观吧
