图片网页设计复刻规范生成器 图标

图片网页设计复刻规范生成器

@user_2516c825/html-replica-style-lock

是一款面向网页复刻与风格继承的高保真 Skill。用户只需输入网页网址或上传页面截图,Skill 即可自动完成视觉逆向分析,输出一份可直接运行的高还原 HTML 页面,以及两份专门供后续 AI/Skill 继续参考的风格约束文件:design-style-spec.md 与 design-tokens.json。前者负责沉淀整体设计语言、版式逻辑、组件规则与不可偏移的视觉约束,后者负责提供颜色、字体、间距、圆角、阴影、栅格等结构化设计令牌。它不仅能最大程度复刻原页面,更重要的是能把原图风格“锁定”下来,方便后续交给 frontend-skill 或其他页面生成 Skill 继续扩展新页面,确保新生成内容在视觉气质、设计系统和细节风格上与原图保持高度一致。适合需要做网页复刻、设计还原、风格继承、多页面扩展、页面转 PPT 参考规范等场景的用户使用。

v1.0.0

将提示词发送给你的 AI 安装该 skills

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_2516c825/html-replica-style-lock。

下载 Zip 包安装
...tokens 预估消耗
7226次下载
18次收藏
相关推荐
SkillHub

专为中国用户优化的 AI Skills 社区,让 AI Agent 突破能力边界、持续进化。

友情链接

来源声明:本站部分 Skill 内容来源于公开渠道、认证企业或由用户自主发布,使用前请注意识别相关风险,内容版权归原作者所有。

侵权处理:如 Skill 涉及版权问题,请发送邮件至 skillhub_ipr@tencent.com,我们将在收到通知后及时核实并予以下架处理。

Copyright © 2026 SkillHub. 精选 AI Skills 推荐平台

技能数据来源于公开渠道、认证企业及用户自主发布。