用途概括面向视觉重要网页任务的精英图像转代码技能。先生成分节大图设计稿，深度分析后实现网页以高度匹配。关键方法：强制图像优先、Codex 中每节新图、深度设计提取。价值：从艺术参考产出高端、可读、保真的前端实现。
业务领域
CodingDesign
技能形态
Workflow
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
当用户提出视觉重要的网站需求（首页、落地页、营销/产品/作品集站点）且可用图像生成时，尤其在 Codex 环境中。
高质量、可读、易实现的网站，代码紧密匹配生成的设计参考，首屏干净且分节还原度高。
使用场景
创业者为新项目需高端落地页。使用该技能，Agent 在 Codex 中先分别生成首页、功能、定价大图，逐图分析字体与间距，再编码实现。避免通用 AI 布局，交付干净、有艺术导向且高度保真的页面，节省返工成本。
设计师想重做编辑型品牌页。技能生成全新分节图而非裁剪旧板，深度提取色彩与字体后实现通透高端站点。打破卡片堆砌惯例，保证小屏可见首屏，提升品牌质感。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件