一个让前端更有逻辑，更有用户思维的skill

问题描述：

GitLab

CloudDreamAI-Tools-Public / frontend-logic-design · GitLab

GitLab for CloudDreamAI

Screenshot_20260410_055358_com_lemurbrowser_exts_ChromeTabbedActivity1224×1578 207 KB

产品设计，重要的不只是外观，更重要的是逻辑

一个优秀的产品，应该让用户看一眼就知道怎么用，并且很清楚的知道每个功能在哪里

这是我写的skill：用于解决AI生成的产品功能设计片面，交互逻辑混乱，让人看了摸不清头脑的问题。

小产品用不到，但一旦产品功能多了，就会开始头疼，该在首页放什么，每一个板块怎么分类等等，这个时候它就有用了

PS：更多我做的好用的skill在这里：CloudDreamAI-Tools-Public / plugin-marketplace · GitLab

Screenshot_20260410_054846_com_tencent_mm_MMWebViewUI1224×2899 266 KB

网友解答：

---

--【壹】--：

天呐还可以这么玩，是我需要的，谢谢朋友，我根据这个思路尝试看看

---

--【贰】--：

多谢分享，自己整了个需求生成prd和原型的skill，把这个加进去试试

---

--【叁】--：

可以请教一下细节吗朋友，原型这个skill怎么玩，根据原型生成前端吗

---

--【肆】--：

这个还是挺不错的，我一会试一下吧可以重构一下自己的项目。

---

--【伍】--：

收藏了，一会儿试一下去，要20个字真没办法

---

--【陆】--：

这就是我所欠缺的灵感啊！
不只是逻辑，我其实还想要一个实用型的样式skill，很多时候设计工具，都不得不给ai讲清楚：高度更重要，节省空间之类的；不然必定是一堆大而无当的padding，安卓端设计甚至出现过title占屏幕三分之一的情况
大佬们有没有推荐？

---

--【柒】--：

多谢佬友分享，这就回去尝试尝试一下。

---

--【捌】--：

我是把prd和原型结合到一个skill里面的，让输出4个doc，一个prd、一个tech-spec、一个phase-progress、最后一个调用gemini来根据prd生成高保真可交互html原型，用的是孙佬的调gemini的skill。或者你把生成的prd单独用gemini来生成也可以。