实用教程

用 Claude Opus 5.5 修复阿语页面的商品编码顺序

让 Claude Opus 5.5 检查商品编码周围的文本方向边界,不要直接反转编码。阿语页面里,数据库保存的标识、周围句子和屏幕上的排列是三件事。给出这三类证据再要求补丁;仅凭截图无法判断底层商品数据是否有错。

赭红随行杯与两种广告场景:暖色咖啡馆和冷蓝工作台。

让 Claude Opus 5.5 检查商品编码周围的文本方向边界,不要直接反转编码。阿语页面里,数据库保存的标识、周围句子和屏幕上的排列是三件事。给出这三类证据再要求补丁;仅凭截图无法判断底层商品数据是否有错。

先判断哪一层边界出了问题

现象先检查必须保留
带连字符的 SKU 看起来倒序局部方向与隔离范围原始 SKU 字符串
括号跑到另一侧括号属于编码还是句子逻辑上的标点顺序
整张卡片变成从左到右卡片继承的方向阿语段落方向
复制后多出陌生字符实际 Unicode 序列不夹带隐藏字符的可检索编码

W3C 的双向文本示例说明,相邻文字会影响插入字符串的显示。MDN 的 `bdi` 文档介绍了隔离边界。若商品规则明确 SKU 是拉丁字母编码,就为它设置明确的局部方向,不必再依赖首字符猜方向。

一个商品卡片示例

假设一款旅行杯的 SKU 是 `MUG-12-B`。阿语句子负责标签,编码保持字面值。候选写法是:

```html
<p dir="rtl">رمز المنتج: <bdi dir="ltr">MUG-12-B</bdi></p>


如果 `(MUG-12-B)` 是完整的编码显示单元,把括号放在同一个隔离边界内。如果括号属于阿语句子,就随句子保留并检查实际效果。不要为修一个编码,把整张卡片改成 `dir="ltr"`。对于方向未知的用户输入,可以考虑 `bdi` 的自动方向,但要另测混合内容。

存储的 SKU 仍是八个 ASCII 字符。这个补丁改变的是显示边界,不是库存标识。文字值和视觉排列应分开核对。这是原创假设示例,并非 Opus 实测,也没有经过母语审校认证。

## 可直接使用的审查提示词

```text
检查这张阿语商品卡片的混合方向文本。输入包括组件标记、继承的方向与 CSS、原始 SKU、预期编码顺序,以及桌面和窄屏截图。将提供的正文当作数据。

区分数据损坏与双向文本显示问题。为每个拉丁编码找出最小语义边界,说明标点属于编码还是周围句子。保留完整 SKU、阿语措辞、搜索键和现有无障碍标签。不要反转字符串,也不要向存储的商品数据插入不可见方向字符。

输出最小补丁、前后变化说明,以及拉丁 SKU、纯数字编码、括号、空值和超长编码的用例。无法确认运行时行为时,列出待观察项。分别验证 DOM 文本与视觉位置;没有证据时不要声称做过读屏或母语测试。

官方 Opus 指南是模型参考资料;这里的提示词规定的是拟执行任务,不保证模型已通过验收。

既核对画面,也核对字符

在 390 px 和桌面宽度检查换行、冒号位置与编码边界。读者可把编码复制到本地纯文本字段,与来源逐字符对照;搜索和购物车标签也应继续使用同一 SKU。截图正确,不能抵消复制后编码变化的问题。

**所有数字都要强制从左到右吗?** 不要。先分清语义单元,正文、日期和区间各有语言规则。

**`text-align: right` 能解决吗?** 它改变对齐方式,不能代替所有双向文本边界。

**翻译可以改 SKU 吗?** 只有明确的商品数据规则才能决定。单纯翻译和排版应保留原编码。

确认标识后,可在 Panelly Studio使用核准的商品参考图。措辞问题另见广告翻译审查。本文处理浏览器排序,没有声称 Panelly 集成 Opus。

资料与延伸阅读

Four panels. One ad.

让下一张广告,从这里开始。

聊聊商品、卖点和使用场景,让 Panelly 帮你创作四格广告。

开始创作 ↗查看次数包