zhulink logo
自动夜间模式
侧栏
0

一个提示词 claude 生成一个 app 的 ui/ux

意外富翁的头像
|
|
|

这篇文章讨论了作者如何利用 Claude3.7 生成应用程序的 UI/UX 设计,包括详细的操作步骤和一些进阶方法。

首先,用户需要准备必要的工具,并选择合适的操作模式(如 Ask 模式)来进行实践。实践过程中,用户可以通过输入包含 “优秀 html 案例” 的提示词结构,生成所需的 HTML 代码,若代码不完整可多次发送 “继续” 进行补充。

进一步的进阶操作中,作者提到可以引入 tailwindcss CDN 以简化代码结构,并与设计软件进行协作以生成 SVG 方案,避免在文字和图片处理上出现问题。

此外,文章还分享了一些变现案例,如通过生成的设计稿直接交付客户的外包工作。整体而言,这些经验旨在帮助程序员和开发者提升设计效率。

传送门:https://ew6rccvpnmz.feishu.cn/wiki/ILO2waqXLi1EvqkuKHvcceMOnVd


▲ 赞同(0)    ★ 收藏(0)
×

快捷键

撤销Ctrl+Z

恢复Ctrl+Y

加粗Ctrl+B

斜体Ctrl+I

链接Ctrl+L

图片Ctrl+G

代码Ctrl+Shift+K

代码块Ctrl+K