Kevin Ma
@kevinma_dev_zh
独立开发者，AI Builder。
开发了 - 帮助你更容易的学习英语。
参加 April 2024
1.5K フォロー中 15.3K ファン
给大家再看看另一个案例，我觉得 claude artifacts 太好用， 做 mock ui 太方便了。
这个思路很好，恰好我最近也在这么做。用 mock UI 代替纯 Markdown 文本来做需求交互，效果很好。其实前几天也分享过，可能关注到的朋友不多。
具体来讲，我在做 UI 交互优化或者新需求时，会和 Claude 反复讨论交互设计。过去就是我们俩凭空想象地交流，没有视觉确认的环节，聊得差不多了就让它直接做出来，看效果再迭代。
最近换了一种方式。讨论到差不多、或者它给我几个可选方案时，我让它先做 mock UI，就是单个 HTML 文件，把几种不同方案以及不同状态下的交互都呈现出来。因为它直接在我的代码库里写 mock，能读到我 app 的真实界面和 design tokens，做出来的 mock 可用度很高。然后我们对着 mock 继续讨论，最终定稿，它再拿着定稿去写代码。
比 Markdown 高效不少，最终做出来的还原度也高很多。
Claude 还有一个好处是 artifacts 功能。不管在电脑前还是用手机远程看，都能直接在浏览器里预览效果。
もっと見る
