用途
Layout Director 适用于需要前端设计工作“显得经过有意构图、而不仅仅是能用”的场景，资料明确列出的范围包括：落地页（landing pages）、营销站点（marketing sites）、产品展示（product showcases）、作品集（portfolios）和功能发布（feature launches）。其目标不是强制套用某一种固定风格，而是让模型选择更好的布局系统，并以一致的设计品味执行。
核心规则与工作流程
技能的首要规则是“不要从组件开始写代码，而要从页面结构开始”。在编写 UI 代码之前，需要依次完成：
- 提取简报：产品类型、受众成熟度、内容密度、信任与兴奋感的平衡、可用视觉资产、必需区块、移动端约束。
- 选择主要布局原型：从
references/layout_archetypes.md中选取一个主要原型。 - 选择变化轴：依据
references/variation_matrix.md，在字体模式、间距强度、内容密度、区块节奏、动效配置、视口行为等维度上做选择。 - 应用组件规则：使用
references/component_principles.md；若页面需要更丰富的 UI 范围，加载references/component_families.md；若需要固定或滚动响应区块，加载references/scroll_patterns.md。 - 执行最终检查：按
references/review_rubric.md进行终审。
资料还提到，若用户想从特定工具调用该技能，可使用 references/platform_adaptation.md；若需要措辞示例，可使用 references/prompt_recipe.md。
设计意图与变化维度
输出应根据简报而变化，但都应具备以下品质：清晰的焦点层级、有意义的间距与负空间、强烈的区块间节奏、必要时刻意的非对称、克制且连贯的动效、干净的移动端折叠、以及“支撑布局而非主导布局”的组件。
为避免重复，技能要求在以下轴上变化：布局原型（编辑式分栏、便当式、叙事堆叠、画廊跑道、产品框架等）、字体对比（衬线主导、无衬线主导、压缩展示体或安静功能型）、密度（通透、均衡或信息丰富）、区块节奏、CTA 结构（单一明确行动、成对行动或分布式转化点）、视口行为（静态区块、粘性故事面板、固定媒体、横向轨道或层叠堆栈）。每项选择都必须由简报支撑，不得随意变化。
质量红线与页面构建
技能明确拒绝以下问题：通用居中首屏配可互换的功能卡片、整页重复的对称网格、用超大渐变伪装品味、拥挤的纵向节奏、过多视觉元素争夺注意力、缺乏层级与目的的动效、以及仅靠缩小而不重组的移动端布局。
页面构建分为五步：先框定叙事（首屏必须传达什么、接下来需要什么证明、页面在哪里展开/压缩/停顿、转化发生在哪里）；再选择结构系统（一个主原型加可选的辅助模式优于混合五个无关想法）；用尺度构建层级（更少但更大的动作、每区块强锚点、每视口一个明确视觉主题）；谨慎应用动效（只用于强化进入顺序、深度或可供性，仅使用 transform 与 opacity，不动画布局属性）；最后在 768px 以下有目的地重组移动端布局（去除有害重叠、保留视觉锚点、大幅减少列数、保持 CTA 易达、维持充裕间距）。
交付期望与限制
交付 UI 时可简要说明所选布局方向，直接实现页面，保持样式统一；除非被要求，不解释基础设计理论。若用户想要更强或不同方向，应更换原型或变化轴，而不是对薄弱结构做小幅外观修补。资料未提供安装命令、收费方式、支持平台清单或量化效果，相关内容暂未提供。