SuperAPI AI 工具集

web-section-recreation-spec-by-aqq5ux

前端与建站

查看项目

更新于 10-16 06:23

技能介绍

用途:把网页区块复刻方法变成可执行、有案例依据的工作流,适用于规划、设计或复刻单个 Web 区块。核心要求是最终产物必须能追溯到一个具名锚点案例,否则视为不完整。

主要能力:先补齐缺失输入(页面目标、受众、卖点、主行动;内容、证明、产品素材与技术栈;响应式、无障碍、性能与交互约束;首选锚点案例或授权自选)。每次调用前必须读取 references/cases.md,且只选一个锚点案例并在回复中具名,不得混合多种无关视觉风格。需用图像、视频或浏览器工具检查锚点成品媒体;无法检查时须说明,且不得声称视觉还原。

使用方式:先写参考契约——保留至少三项有案例证据支持的结构特征;替换为用户提供的主体、文案、品牌或语境;避免无关主导母题与对创作者身份的表层复制。随后按流程执行:复述交付物、受众与成功标准;读取案例文件并选锚点;检查其成品媒体、摘要与提示词摘录;产出保留/替换/避免契约;界定单区块的尺寸、网格与断点;逐层确定字体、颜色、间距与动效值;列出不得添加的内容以防扩展成整页;按输出契约产出交付物;与锚点案例比对后对重大失败修订一次。输出契约包含参考契约、页面叙事与区块层级、组件与交互规格、可直接实现的文案或代码、响应式/无障碍/性能验证清单。

验证要点:首屏传达一个价值主张与一个主行动;各区块以真实内容推进同一用户旅程;检查响应式、键盘访问、对比度、加载与动效回退;回复须具名一个锚点案例并确认已读其证据文件;至少三项可见或结构特征映射回保留清单;无用户明确要求时不得让无关主题占主导;成品媒体不可访问时须标注为基于提示词而非视觉验证;区分观察到的证据与自身建议,并具名所用 GoodCase 证据。

限制与安全:不得编造原始提示词、模型、结果、创作者、指标或来源;不得暗示本技能由被引用创作者创作、背书或官方分发;复现或讨论来源案例时保留创作者署名;只迁移结构与决策逻辑,不得冒充创作者或把近似复制当作原创;未经用户明确批准,不得发布、购买、上传私有素材或更改外部账户。