pixel-perfect-reference-ui-zh
Installation
SKILL.md
总设计图像素级网页复刻
使命
当用户提供一张网页总设计图、image2 生成图、截图、Mockup、Figma 导出图或本地参考图文件夹,并要求把现有前端改成同款视觉效果时,使用本 skill。
核心心智模型必须非常明确:
- 参考图是唯一视觉真相。
- 当前应用是唯一业务行为真相。
- 你的任务是复制和实现,不是重新设计。
- 不要做“参考灵感风格”。要尽可能复刻参考图中的布局、素材、间距、颜色、比例和视觉语言。
本 skill 必须通用于不同项目。不要把某个具体项目名、品牌名、颜色、路由或装饰元素写死,除非它们来自当前用户给出的参考图。
绝对业务契约
改代码前,先识别业务边界,并全程保持不变: