网页设计工程师

来自 ConardLi/garden-skills 的网页设计工程流程，把 AI 生成的页面、仪表盘、原型和可视化作品提升到有明确设计方向、可复用系统和细致交互的成品。

1. 01

   理解需求与素材

   确认产品、受众、输出类型和约束；优先读取用户提供的代码、截图、品牌资产与设计系统。

2. 02

   输出设计判断

   确定视觉语言和五个设计刻度，回答叙事角色、观看距离、视觉温度和容量检查。

3. 03

   声明设计系统

   先写明配色、字体、间距、圆角、阴影和动效，并在复杂任务中先展示可调整的 v0 草稿。

4. 04

   实现并自检

   按系统完成组件、状态和响应式交互；交付前检查层级、间距、色彩数量、可读性和减少动效支持。