Bento Grid 风格

Search documents
眼馋苹果刚发布的液态玻璃效果?藏师傅教你提示词一键实现
歸藏的AI工具箱· 2025-06-10 06:49
看了一些演示之后,发现还是有可取之处的,边缘的效果确实真实细腻,就是现在卡片中心的可读性实在是太 差了。 反正只要是苹果的一定会有很多人跟风,所以这个效果在接下来的一段时间你一定会频繁的看见,或者被要求 使用。 这里藏师傅也是一上午探索了一下 如何将液态玻璃效果融入到网页生成的提示词里面,没想到真让我搞了个 差不多的出来。 先来看看效果,这套提示词在 Gemini 和 Lovable 上效果最好,Cluade 4 opus 可以实现,但是质量有些问 题。 先来看 Lovable 的效果,整体的折射非常自然,就是描边有点生硬了。 然后是谷歌的效果边缘没有那么有厚度,但是整体可读性不错,看起来顺眼。 最后是 Claude Opus 4,他老是有加模糊的倾向,而且不太稳定,效果时好时坏,这个是几次里比较好的效 果。 昨晚又是一年的 WWDC 这次苹果所有的更新都压在了视觉和交互上,尤其是这个液态玻璃(Liquid Glass) 效果更是引起了很多讨论。 CSS样式:/* 容器 */.liquidGlass-wrapper { position: relative; display: flex; overflow: ...
藏师傅的网页生成提示词 3.0| 原来 Gemini 2.5 Pro 这么强
歸藏的AI工具箱· 2025-04-23 08:32
早上群里有个朋友说自己用 Gemini APP 里面的深度研究搞了一个特斯拉 Q1 财报的分析文档,另一个朋友 说转成网页,我就说我试试。 我直接把他的文档和我最近探索出来的提示词就放到了 Chatwise 里面,以往我都是用 Claude 3.7 生成网页 的,这次默认是 Gemini 2.5 Pro,我也没看就按下了回车。 没想到生成的网页炒鸡惊艳,Gemini 的网页内容很多同时理解了提示词提到的设计风格,非常漂亮。 可以看图也可以在这里预览: https://kueaqan0fo.app.yourware.so/ | | | | | | $0.41 | 可比 -13% YoY | 同比 -16% YoY 网比 +154% YoY | | Acknowledged uncertainty, 94 update planned. Unusual admission of political/brand impact. | | | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | | FRITTY les a 2025 01 ...
藏师傅的网页生成提示词 3.0| 原来 Gemini 2.5 Pro 这么强
歸藏的AI工具箱· 2025-04-23 08:32
早上群里有个朋友说自己用 Gemini APP 里面的深度研究搞了一个特斯拉 Q1 财报的分析文档,另一个朋友 说转成网页,我就说我试试。 我直接把他的文档和我最近探索出来的提示词就放到了 Chatwise 里面,以往我都是用 Claude 3.7 生成网页 的,这次默认是 Gemini 2.5 Pro,我也没看就按下了回车。 没想到生成的网页炒鸡惊艳,Gemini 的网页内容很多同时理解了提示词提到的设计风格,非常漂亮。 可以看图也可以在这里预览: https://kueaqan0fo.app.yourware.so/ 这是特斯拉主题色红色的版本: https://2mfkmvgj12.app.yourware.so/ 其实这套提示词我好几天就发过了,不过主要在 Claude 上面用,虽然好一些但是,没这么惊艳,刚好这次 G emini 效果这么好之后写篇内容回答一下使用我的提示词的常见问题。 先看提示词: 帮我将这个特斯拉财报文档生成网页,不要遗漏信息 根据上面内容生成一个 HTML 动态网页 1. 使用Bento Grid风格的视觉设计,纯黑色底配合特斯拉红色#E31937颜色作为高亮 2. 强调超大字 ...