实用教程
用 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。


