本文是 Codex-OpenPencil 插件的快速上手教程，以设计一个服装购物 APP 为例，完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改，到图片生成与搜索、保存设计资产，再到设计稿转代码的全流程。插件免费开源，提供支持平移缩放的无限画布，Codex 负责理解需求并调用工具，OpenPencil 负责设计展示与编辑，可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
作者在测试 Qwen-Image 2.1 时发现，生图和改图效果不佳的主要原因是创作意图未被准确传递给模型，如负面文字被印进海报、改姿势只换了衣服等。作者将经验整理成 qwen-image-gen Skill 并提交开源：区分文生图、局部编辑和参考人物创作；将人物动作、接触关系、镜头和画面文字写成模型可执行的描述；落实比例决策并检查返回图片真实像素；将质量反馈带回下一版。四组对照实验显示三组改善、一组失败，证明提示词改写有价值但非几何纠错器。
本文介绍了开源 Craft Skill「recurring-character-diary-comic」，一套让 Agent 持续生成同一固定角色个人 IP 漫画的工作流。它不依赖长 Prompt 或逐格拼图，而是通过故事合同（S0 故事真相、S1 身体真相、S2 表现选择）、page-native 整页生成、方向物体逐对象证明、有边界的局部修复和双轴像素验收，保证角色一致性、故事准确、中文对白无误，且整页作品自然统一。文字生成失败时才启用 compositor 做确定性排字兜底。
