作者： zlbigger

试试用 AI 搞原型设计找灵感吧

https://mp.weixin.qq.com/s/86VqSoK1ms3NYSiPbVEbuA

今天继续这个：
Claude 3.7来了，感受下它强得可怕的代码能力
按照惯例，制造焦虑的结论应该是这样的：
「AI 并不会取代真正优秀的产品经理，而是淘汰那些只会“画原型、写 PRD、对接需求”的低水平 PM。」
哈，我发现这句话的格式是万能的，换成开发，设计，任何岗位好像都对。
这种方式特别适合通过一个点子搞头脑风暴，直接出高保真原型，不满意就换一个。
当然你说现在完全替代设计师，倒也未必，因为很多细节肯定还是没有设计师给力的，而且生成本身就有点玄学。所以我更建议当头脑风暴，搞高保真原型。
想尝试又不知所措的，可以直接复制我的提示词扔给 AI编辑器，让它给你正反馈，从此踏上 AI 编程的路。
零基础小白学AI编程第一课不是写代码，是学会提需求
AI 编辑器，免费的可以用：Trae，里面也有Claude 3.7，只是可能需要等。
也可以参考我这里提到的：

不差钱可以上cursor或windsurf。
我用的是 windsurf，这里我们只演示一个从需求到设计-到前端，不涉及其他后端数据交互的，一般它都是自动 pc 端和移动端都自适应的。
1，我给了一张我的原型截图，大概长这样的：
然后提示词：
你是一位资深全栈工程师，请参考优秀的设计，基于合理的用户体验和交互逻辑，根据我提供的原型图构思并撰写完整的产品需求文档（PRD）。你的目标是模拟产品经理提出需求，包括但不限于：
产品背景与目标（为什么需要这个产品/功能）核心功能（具体的功能模块及其交互逻辑）用户角色与使用场景（不同用户如何使用该产品）信息架构（页面结构、导航逻辑）UI/UX 设计思路（界面布局、视觉层次、可用性优化）
一桶思考分析之后，你要是觉得它说的在理，你就：
开始设计前端页面吧，其他先不需要,可以用 HTML5
然后它一通输出，效果就能达到这样：
在线体验效果：
二维码：
地址：
https://zlbigger.com/ai/excel-formula-expert/#
2，我拿了群里一大哥画的星座的卡片，扔给了 AI，让它帮我重新设计：
提示词：
你是一个懂设计的资深开发工程师，根据图上的内容，帮我设计一个解读星座的卡片，我希望与众不同，可以加一些 svg 动画效果。
输出效果（带动画效果的）：
在线体验地址：
https://zlbigger.com/ai/zodiac-cards/cancer-card.html
3，可滑动的图片卡片
提示词：
请设计一个图片滚动效果，可以上下滑动，这个交互动画的关键点包括：拖动交互：只有顶部的卡片能被拖动，当拖动超过一定距离时，卡片消失并补充新的卡片。视觉细节：卡片颜色要与图片颜色协调，同时增加大面积的弥散阴影，使其更具层次感。动态补充：拖动顶部卡片时，新的卡片从底部加入，维持固定数量。图片来源：我提供如下图片地址：https://img-musesai.163264.com/pic/202503/UVDAnI1iZCeZ.jpg，https://img-musesai.163264.com/pic/202503/uD8z1sWf1htB.jpg，https://img-musesai.163264.com/pic/202503/QBrhjIlwJd2g.jpg，https://img-musesai.163264.com/pic/202503/18iNVUk9Z6pn.jpg，https://img-musesai.163264.com/pic/202503/YHvHHuzBeCEc.jpg，并根据图片的主要颜色调整卡片背景和阴影颜色。
输出：
在线体验地址：
https://zlbigger.com/ai/swipe-cards/
二维码：
4，城市足迹
提示词：
你是顶级的设计师，同时擅长前端开发，你现在做一个需求，叫地图上的足迹，把我去过的地方在地图上标注出来，以当地比较有特色的建筑或者实物图标标记，同时把所有我去过的地方都练起来，有一个交互动作，要高级感，你先整理下这个需求，如果 ok，你再开始设计和写代码，并告诉我需要给你提供什么素材帮你更好的达到要求
开始给的一个是 3d 效果的地图，但是那个要申请 API还要绑定信用卡，我嫌麻烦，然它给我改了个免费的地图，效果就不是那么好了。
在线地址：
https://zlbigger.com/ai/travel-footprints/index-leaflet.html
5，漂流瓶
提示词：
设计一个创新的HTML5漂流瓶产品展示，专注于优秀的用户体验与独特的差异化。产品展示需包含以下功能的展示：注册、登录、扔瓶子、捡瓶子、瓶子互动（如点赞、评论、私信）、个性化瓶子设计（如不同瓶身、漂流路径可视化）、用户社交元素（如好友系统或主题瓶群）、隐私保护机制等。展示内容应具备直观且美观的UI/UX设计，移动端即可。
注意，这种工作量很大的，很容易卡，可以增加一个要求，让它一个页面一个页面的输出，完成一个问你要不要继续。比如我这次就没有一次性完成，只有部分页面，所以我还没办法放在线上展示了。（回头我再单独录个视频）
界面大概这样的：
顺便说，如果大家都好 AI+公众号，可以加我这个群～大家一起分享～学习。我会每天分享一些低粉爆文内容在表格里。

https://mp.weixin.qq.com/s/86VqSoK1ms3NYSiPbVEbuA

认知要向上，赚钱要向下

https://mp.weixin.qq.com/s/Lefcfsb7hvk0uxS_aFdipQ

之前在《那些你“看不起”的套路，正在挣认知差的钱》文章里，有聊到，市场上大多数人处在“0分到60分”的水平，他们并不需要或无法理解更高分的东西，而那些能够让他们在较低的基础上获得一点点进步的内容（哪怕只有五分的进步），更容易吸引他们的关注和投入。
讽刺的是，许多自诩”高认知”的群体，往往陷入”批判者舒适区”——他们将”识破套路”等同于认知优越，却在行动层面持续瘫痪。
有意思的是我们都愿意把自己从 0-60 里摘出来，放在“高认知”人群里自居 去俯视其他人，即便如此，我们又是另一波“高认知”眼里的 0-60 分，这就像是“认知套娃”，每个人都以为自己站在更高的维度在看世界看别人。
就好像程序员面对 AI 编程，有人自信自己是高级开发者，认为只有初级程序员才需要担忧。但 AI 根本不在乎你的级别，等到 AI 真正掌控代码生产时，“高级”和“初级”都会被颠覆。
认知是分层的，割韭菜也是 – 你以为自己在俯视市场，其实可能只是市场的观察对象。
嘎子都说 deepseek ，开始卖 AI 课程了……
各家出版社也开始卖自家出的各种 deepseek 入门到精通的书了……
你要是第一反应也是莫名其妙、不屑甚至嘲笑，说明你也掉进了自以为是的高认知陷阱 – 你以为自己看破了，其实只是站在远处看，连场都没下，就急着评判了：
“高认知者”容易陷入“批判者舒适区”，他们会觉得：

“这不就是某种割韭菜玩法？”

“这套内容不够深啊，太基础了。”

“底层逻辑我懂，没必要尝试。”

这种思维模式带来精神胜利的同时，也屏蔽了市场红利，也“活该“挣不到这份钱（当然也确实有很多大佬是真的能挣而不去挣这种钱）。

知道得越多，往往越挑剔，越容易陷入“我才不做这么low的事”的陷阱。但现实是，很多low的事情，恰恰能赚钱。
就拿拼多多的那一套裂变增长的玩法来说，确实 low……但是真有效啊，甚至早期很多都是来自一些草根野路子上不了”台面“的玩法，人家就不嫌弃，直接就拿来用了。
AI 时代，也需要多关注一些野路子玩法，“草根智慧+极限放大”，AI 只会让这一切变得更疯狂、更极致。AI 也不会区分玩法“low”还是“高级”，它只会让“有效”的方法更有效。
最近观察了挺多案例，不管是搞工具的，还是搞内容的，总计下来就几个字：搞流量，别带感情。
一开始搞流量，总想着“体面”“高级”“符合自己认知”，但市场不认这个，市场只认有效，你可以看不上流量，但所有商业的本质，都是流量转化。马斯克都天天在 x 上制造话题搞流量呢……咱得承认，流量永远是最稀缺的资源。
每一个点击、每一次停留、每一次转化，背后都是用户需求的映射。
微商的私域玩法、拼多多的“砍一刀”、短视频平台上的“土味视频”，本质是注意力经济，而注意力不分高低贵贱，只分有效和无效。
而“体面”和“高级”可能是认知陷阱，有效才是市场真理。
流量的终极目标：从流量到留量。无论你用多么“low”的方式获取流量，只要最终能为用户提供真实价值，就是成功的。
那么就回到了我这个题目：向上还是向下？
倒是不冲突，先向上，再向下：
向上提升认知 —— 让自己具备行业顶级认知，站在 90 分、95 分的高度看市场。
向下兼容变现 —— 把认知拆成 60 分以下的人能懂、能用、能买单的产品。
站在高处，讲给普通人听，而不是站在高处，跟同行较劲。
这年头，能把自己的认知拆成‘新手礼包’卖的是人才，能识别‘礼包里有没有过期食品’的是人物，能自己种菜做满汉全席的…不在讨论范围内…
顺着这个琢磨下，是不是很多事情其实都是这样的，包括各种教。
我喜欢这句话：
真正的高手，从来不是站在高处冷笑看人跑，而是回到地面，把路修得更平，让更多人跑起来。
顺便说，如果大家都好 AI+公众号，可以加我这个群～大家一起分享～学习。我会每天分享一些低粉爆文内容在表格里。
prompt：cat –chaos 5 –ar 2:3 –sref 1787801258 –profile tckem44 –sw 300 –stylize 300 –v 6.1 –style raw

https://mp.weixin.qq.com/s/Lefcfsb7hvk0uxS_aFdipQ

「 20 分钟视频」手把手教会你怎么用飞书的多维表格+AI，自动改写文章

https://mp.weixin.qq.com/s/cc2-fvgF9fyeM9dnaIzrdg


很尴尬，录完发现有电流声……我又跑去电脑上打开剪映学了下怎么去除电流声…别的我也没剪，有啰嗦的地方你们就快进。
建议横向看~
之前写过的：
多维表格+deepseek，自动化工作流彻底摆脱‘等待’模式
顺便说，如果大家都好 AI+公众号，可以加我这个群～大家一起分享～学习。
表格网址：（可自行编辑，复制到你自己的多维表格里去慢慢改）
https://uxhpdcci0p.feishu.cn/base/YMgGbPyAHa5Ga3smloXc5k3pnah?from=from_copylink
表单提交地址：
https://uxhpdcci0p.feishu.cn/share/base/form/shrcnLLdASOZCL7Cb3iH1BETv9b

https://mp.weixin.qq.com/s/cc2-fvgF9fyeM9dnaIzrdg

人间真实观察

https://mp.weixin.qq.com/s/UrLTGs0mhouxxrsDRpLEgQ

1，微信上搜聊天记录的时候，下拉列表里出现一个去世多年的前同事的微信头像，点开，还能看到大段大段的聊天记录，有点唏嘘。曾经有一段时间，我在删除按钮那里徘徊犹豫了很久，最终我还是选择了留着，就好像留着其他一些去世的亲人微信好友一样。
删除掉这些已经去世的人的头像其实也有很多合理的理由，但留下来就一个《寻梦环游记》那句话就够了：真正的死亡是遗忘，是世间再无有关你的记忆。
留着，起码还能偶然记起。我也希望我没了的时候，人家也能想起我，我的朋友圈可以一直翻，我的公众号可以听到我的声音……
2，成年人的世界都是「骂归骂，用归用」的妥协艺术—该骂的照骂，该跪的照跪，骂完跪完该吃吃该喝喝，明儿接着骂。
就像很多人动不动就把百度拿出来骂，但其实一点都不耽误有问题的时候「百度一下」。
白天刚跟邻居吐槽他家东西卖的贵，晚上煮泡面发现没卤蛋，趿拉着拖鞋就下楼了，边扫码还边跟老板说”你这可比超市黑啊”。
一边骂外卖平台黑，转头又点了个鸡蛋灌饼，付款时还自我安慰”就当给骑手发奖金了”。
就是这样，脑子清醒的时候能把资本套路分析得头头是道，真到火烧眉毛了，身体比谁都诚实。
当然好像有时候这种选择无关什么价值判断，更谈不上心口不一，纯粹是大脑在认知资源匮乏时的本能止损。
3，有很多人对 AI 特别感兴趣，朋友圈里各种转发，说的头头是道，前天还在转《三分钟看懂deepseek》，昨天就变成”深度解析AGI伦理困境”，配图必须是赛博朋克风机械手比心，文案写着”人类终将臣服于自己创造的上帝”。一聊才知道，原来是个「AI 云玩家」。就跟很多人喜欢看游戏主播打游戏的视频一样，但其实不玩，纯看的爱好者。
4，看到有人写了一条关于公众号文章点赞和转发的比例决定什么内容质量好坏的推文。其实就不太对，起码对这个转发数据理解错了，很大比例的人是转发给自己，当「微信版收藏夹」在用，自己看到了这条信息很焦虑怕自己错过然后转发给自己，美其名曰一会儿有空了再看。跟我家老爷子喜欢收藏各种塑料袋一个心理——总觉得“以后会用上”。
当然也可能是我自己片面了，我是这么用的，以为别人也会这样用文章的转发……
5，每当我们旧友重逢，会莫名的亲切，有说不完的话，聊我们共同回忆的过去，感觉特别美好。当我们把这些聊完了之后，突然就会发现无话可说了，因为你们只有一段可以一起回忆的过去，后面的路都是各走各的，没有什么太多交集了，甚至是完全不一样的世界。
这也是为什么每次各种失散多年的同学群刚建的时候热闹非凡，没几天就消停了，毕竟总不能天天考古吧？反复咀嚼的口香糖后面就没啥味儿了。
6，当你处于低谷时，不管你有什么计划或承诺，说出来都像是笑话。这个时候，最好的做法就是闭上嘴巴。
你牛逼时说的话叫“金句”，落魄时说的话叫“笑话”。等哪天东山再起了，当年那些破事，都能变成酒桌上的励志故事——前提是，你得先咬着牙爬出来。
苏轼乌台诗案后被贬黄州，唯有弟弟苏辙倾尽家财营救。
7，搞黄色果然是“第一生产力“。感觉那些小黄文，小黄图，小视频，在 AI 面前都不太能打。这还是在人类把 AI 这块儿的能力进行了封印的情况下，一旦封印解除，不敢想象。
8，有个朋友有收藏癖，二十多年前的东西都收藏着，前阵子发了篇我当时写过都一篇「少年不识愁滋味，为赋新词强说愁」的文章，我突然奇想，扔给了 deepseek，跟他说这是我二十多年前写的一封信，你回复他一下吧，他其中有这么一段差点就给我“整哭”了……
「这些年我逐渐明白，我们永远等不到那张死亡通知书。生命不像高考倒计时牌，没有标红的终止线，没有供你排练的彩排场。但正是这种不确定，让每个清晨醒来的呼吸都成为奇迹。十九岁的你或许不知道，这二十年间我们经历了太多猝不及防的告别：汶川地震时坍塌的教学楼，新冠疫情中突然沉寂的呼吸机 – 就像那年出意外的舅舅那样，没来得及说声再见。」

https://mp.weixin.qq.com/s/UrLTGs0mhouxxrsDRpLEgQ

零基础小白学AI编程第一课不是写代码，是学会提需求

https://mp.weixin.qq.com/s/vYBroYRhOIWTtxBbyrwi3A

Claude 3.7来了，感受下它强得可怕的代码能力
很多朋友，看了我上面的例子，说自己出不来对应的效果，本质上还是问问题的问题，可以看下这篇《好提示词不是背出来的，是拿AI当自己人聊出来的》。
我们可以利用 AI 来解决另一个 AI 的问题，重点是你真的要把 AI 当信得过的自己人-将AI视为协作伙伴而非工具。
包括昨天还有同学在问零基础学 AI 编程的问题，我的建议就是，你先扔一个需求给 AI 写一个简单的不用后端交互的，前端就可以搞定的。
这样你就容易得到正反馈-编程的乐趣。后续你可以再向AI追问，甚至从纯静态页面到接入免费API，再进一步有数据存储。「滚雪球」式学习能形成持续的正向循环。
那么很多人也不是产品经理，也不会提出正确的需求，可以学我下面这个方法，就是跟 AI 聊，用口语化描述你的想法，比如你给设计师，前端说我要做个什么东西，那你就找 AI 先聊下，跟他说，让他翻译成适合提交给设计师或者开发的需求内容，再根据自己的理解稍作修改，然后你再把这个内容提交给AI 去编程。
大家，可以试试把我这段完整的需求扔给你的 AI 看它能给你做出一个什么东西来～这是最容易入手的方式，不要怕，干起来。
跟 AI 提需求：
我要设计一个解签的移动端网页产品，你帮我想一个需求描述，我好跟我的设计师说，功能大概有，一个类似可以摇装满了各种签的桶，然后掉出来一根，上面会有字，然后显示出签上有什么内容，再解读出来。
AI 会帮你写一个完整的需求：

产品需求描述：解签网页版（移动端）

产品目标： 该网页版产品旨在为用户提供一个轻松、互动的解签体验，通过摇动虚拟签桶的方式，给用户带来心灵启发或哲理性建议，融入传统解签文化和现代技术，结合个性化解读，引发反思与思考。

核心功能：

1，虚拟摇签桶：

用户可以通过点击或滑动操作来模拟摇动签桶的动作，类似于摇动手机屏幕、点击按钮或滑动触摸板等，产生虚拟的摇签体验。

界面上展示一个装满签的小桶或容器，点击后签桶内的签会逐个掉出，模拟传统的“摇签”过程。

提供动画效果或小震动反馈，增强互动感和沉浸感。

2，签掉落与展示：

用户摇动后，一根签会从桶中掉落并展示在屏幕上。签上显示文字内容，如：古诗、哲理句子、吉凶卜辞等（例如：“此时风云变幻，机遇与挑战并存，适合果断行动”）。

签的内容应包含一些模糊的启示、感悟、建议等，能够激发用户的思考和探索。

3，解读与分析：

用户点击签上的文字后，页面会弹出详细的解读，解析签上内容的深层含义，提供心理、情感或哲理方面的指导。

解读可以是心理学分析、生活建议或哲学思考，语言风格温和、通俗易懂。

提供每日签解读，也可以根据用户的需求，提供与当前心境或问题相关的解签内容。

4，历史记录：

用户可以查看和保存过往的签及其解读，历史记录可按日期排序，便于回顾和反思。

提供一个简单的记录功能，允许用户将每个签的内容和解读保存下来，或者导出为文本文件。

5，个性化与主题设置：

用户可以选择不同的签桶主题或风格（如：古风、现代、梦幻等），通过视觉上的变化提高使用体验。

允许用户定制个性化的签解方式，比如选择日常签、爱情签、事业签等，满足不同情境的需求。

6，社交分享：

用户可以通过社交媒体（如微博、微信、Instagram等）分享自己的签解和解读结果，与朋友或圈子互动。

提供一键分享功能，生成带有签文字和解读的图片，方便用户将结果分享到平台。

7，响应式设计：

适配各种移动端设备，确保界面在不同尺寸的手机和平板上都有良好的显示效果。

操作简单直观，便于用户快速上手。

8，广告与订阅：

提供免费使用的功能，用户可通过观看广告获得更多签解机会或个性化功能。

也可以引入订阅模式，提供更多定制化内容或专属解读服务。

9，设计要点：

简洁易用： 界面应简洁直观，不要让用户感到繁琐。重要的功能，如“摇签”按钮和“解读”按钮，应该放在显眼位置。

互动性： 摇签的过程要有足够的互动性和趣味性，签的掉落动画、签的展示、解读的切换效果应流畅且富有层次感。

视觉美感： 根据选择的签桶主题，设计出具有艺术感的视觉效果，色调、字体和背景应符合传统文化或现代风格，给人愉悦的视觉体验。

响应式设计： 确保网页在手机、平板等移动端设备上的显示效果良好，避免出现排版错乱或界面不可点击的问题。

复制上面的完整需求给 AI ，比如我扔给了 windsurf：

我一个字没改的情况下完成的效果：

网页效果可以点击左下角的阅读原文预览：

https://zlbigger.com/ai/fortune-stick-app/

关于 AI 编程过往文章：

AI 编程能让你轻松实现零代码变现？

不会写代码也能用 AI 辅助编程实现自己的想法

AI 编程陷入到了一场很奇怪的争论中

利用 AI 给自己做个网站给养老吧，“躺”着把钱挣

关于《利用 AI 做个网站养老》的补充，核心不是“网站”而是“利用 AI ”


https://mp.weixin.qq.com/s/vYBroYRhOIWTtxBbyrwi3A