用途：把网页区块复刻方法变成可执行、有案例依据的工作流，适用于规划、设计或实现网站区块。核心要求是最终产物必须能追溯到一个具名锚点案例，否则视为不完整。
主要能力：每次调用先读取 references/cases.md，只选一个锚点案例并在回复中具名，不混合多个无关视觉风格；用图像、视频或浏览器工具检查该案例成品媒体，无法检查时须说明且不得声称视觉还原。产出前先写参考契约：Preserve（至少三项有案例证据支持的结构特征）、Replace（用户提供的主题、文案、品牌或语境）、Avoid（无关主导母题与对创作者身份的浅层复制）。随后界定单个区块的尺寸、网格与断点，逐层确定字体、颜色、间距与动效数值，并列出不得添加的内容以防扩展成整页。
使用方式：先补齐缺失输入，包括页面目标、受众、卖点与主要行动，内容、证明、产品素材与技术栈，响应式、无障碍、性能与交互约束，以及首选锚点案例或授权自行选择。工作流为：复述交付物、受众与成功标准；读取案例文件并选一个锚点；检查其成品媒体、摘要与提示摘录；产出参考契约；界定单区块范围；逐层固定设计值；列出禁止添加项；按输出契约产出；与锚点对比后对重大失败修订一次。输出契约包含参考契约、页面叙事与区块层级、组件与交互规格、可直接实现的文案或代码、响应式与无障碍及性能验证清单。
适用场景：需要以既有优秀案例为结构参照来复刻或设计网页区块时。
限制：不得编造原始提示、模型、结果、创作者、指标或来源；不得暗示本技能由被引用创作者创作、背书或官方分发；复现或讨论来源案例时保留创作者署名；只迁移结构与决策逻辑，不得冒充创作者或把近似复制当作原创；未经用户明确批准，不得发布、购买、上传私有素材或更改外部账户。若成品媒体不可访问，结果须标注为基于提示而非视觉验证，并区分观察到的证据与自身建议。