
图片网页设计复刻规范生成器
@user_2516c825/html-replica-style-lock
作者:user_2516c825
关于这个 Skill
是一款面向网页复刻与风格继承的高保真 Skill。用户只需输入网页网址或上传页面截图,Skill 即可自动完成视觉逆向分析,输出一份可直接运行的高还原 HTML 页面,以及两份专门供后续 AI/Skill 继续参考的风格约束文件:design-style-spec.md 与 design-tokens.json。前者负责沉淀整体设计语言、版式逻辑、组件规则与不可偏移的视觉约束,后者负责提供颜色、字体、间距、圆角、阴影、栅格等结构化设计令牌。它不仅能最大程度复刻原页面,更重要的是能把原图风格“锁定”下来,方便后续交给 frontend-skill 或其他页面生成 Skill 继续扩展新页面,确保新生成内容在视觉气质、设计系统和细节风格上与原图保持高度一致。适合需要做网页复刻、设计还原、风格继承、多页面扩展、页面转 PPT 参考规范等场景的用户使用。
前端开发
Skill 文件与使用说明
查看 SKILL.md 以及作者随 Skill 发布的其他说明和配置文件。
正在读取文件列表
详细信息
- 分类
- 开发编程
- 来源
- 社区
- 版本
- 1.0.0
- 更新时间
- 2026年9月24日