Claude Code 装与不装 frontend-design 技能对比

作者孟健AI编程用同一套 5 段提示词让 Claude Code 零手写代码生成在线切图工具，对比安装与不安装官方开源前端设计技能 frontend-design 的差异。 不装技能时，Claude Code 约 3.5 分钟写出 index-v1.html，并自行调用 Playwright 测试，功能可用，但界面朴素、切片被下载按钮遮挡、原图无网格线。随后作者点名启用 frontend-design 重构出 index-v2.html，用于对比前后视觉与交互差异。 作者称该教程还附带零成本上线方案，目标版本支持原图网格与像素标注；这些是教程设定的目标，重构版的实际效果尚未在报道中给出。

AI 根据报道生成 · 1 小时前更新

还没有足够的连续观测数据，暂不绘制趋势。