AI探索指南

  1. # 20个打造出色 Next.js + Tailwind CSS + shadcn/ui 网站的关键 Prompt

    # 20个打造出色 Next.js + Tailwind CSS + shadcn/ui 网站的关键 Prompt

    使用场景:你正在为一家科技创业公司构建一个现代化、响应式的网站。这个网站需要展示他们的产品、吸引潜在客户,并提供便捷的信息访问。网站要求在所有设备上都具有视觉吸引力、高性能和用户友好性。

    1. "打造一个时尚的粘性导航栏,能够完美适应从桌面到移动端的各种设备。包含一个在滚动时会缩小的 logo,点击后展开成全宽搜索栏的搜索图标,以及一个在移动端优雅转变为全屏导航的汉堡菜单。"

    2. "设计一个引人注目的首屏区域,让访客一眼就能了解我们的故事。融入一个循环播放的背景视频,上面覆盖着醒目的标题和一个微妙跳动的行动召唤按钮。确保在各种设备和较慢的网络连接下,文字都能保持清晰可读。"

    3. "开发一个既富有信息又具互动性的'特性'网格。每个特性卡片在悬停时应翻转以显示更多细节,网格布局要能从桌面端的 3x2 无缝过渡到移动端的单列布局。"

    4. "创建一个清晰、有说服力且注重转化的定价表。包含月付/年付的切换开关,'最受欢迎'标签,以及悬停在'立即注册'按钮上时的细微动画。确保在小屏幕上垂直堆叠时不失清晰度。"

    5. "设计一个通过社交证明建立信任的推荐轮播。包括客户照片、公司 logo 和淡入淡出的精选语录。在移动端,将其转变为可滑动的卡片界面,以获得原生应用般的体验。"

    6. "构建一个既用户友好又安全可靠的联系表单。包括提供实时反馈的智能验证、询问类型下拉菜单,以及附件上传功能。与后端 API 集成以实现垃圾邮件防护和即时通知。"

    7. "精心设计一个既实用又吸引人的页脚。包含一个双步骤选择过程的邮件订阅、移动端可折叠的链接区域,以及滚动后出现的'返回顶部'按钮。确保所有元素都支持键盘访问。"

    8. "开发一个动态博客列表页面,具备无限滚动和分类筛选功能。包括一个特色文章区域、预估阅读时间和作者信息。实现骨架屏加载状态,在获取内容时提供更流畅的用户体验。"

    9. "创建一个沉浸式的产品展示,包含 360 度产品视图、缩放功能和图片画廊。在移动端加入一个粘性的'加入购物车'栏,并实现延迟加载以优化性能。"

    10. "设计一个既全面又易于导航的 FAQ 部分。实现一个能高亮显示结果的搜索功能,按类别分组问题,并在每个答案末尾添加'这个回答有帮助吗?'的反馈选项。"

    11. "精心打造一个能为品牌注入个性的'认识团队'板块。加入悬停状态以展示每位团队成员的有趣事实,并实现一个能在不同断点优雅重排的砌体布局。"

    12. "构建一个能吸引眼球并传达影响力的动画'关键数据'部分。使用 SVG 动画进行数据可视化,实现滚动触发的计数动画,并确保布局在移动设备上同样引人注目。"

    13. "设计一个能以视觉方式讲述你们故事的互动公司时间线。在桌面端实现横向滚动,在移动端实现纵向滚动。添加视差效果,并在里程碑进入视图时触发动画。"

    14. "创建一个具有灯箱功能和延迟加载的砌体图片画廊。包括分类筛选、图片标签和单张图片分享功能。针对移动设备优化触摸交互。"

    15. "开发一个能提高转化率的新闻订阅组件,配以精炼的文案。实现一个具有渐进式披露的多步骤表单,展示样例新闻,并加入社交证明。为桌面用户添加一个退出意图弹窗。"

    16. "搭建一个汇聚各平台内容的社交媒体墙。实现无限滚动、平台特定样式,以及直接点赞或分享帖子的功能。确保墙面能在不同屏幕尺寸下平滑重排。"

    17. "设计一个带进度条的多步骤引导流程,允许用户保存进度并稍后继续。为复杂字段添加工具提示,实现即时验证,并在最终提交前加入一个总结步骤。同时优化桌面和移动体验。"

    18. "打造一个智能搜索组件,具备自动完成、最近搜索和热门建议功能。实现键盘导航、语音搜索能力,并确保搜索覆盖层是无障碍的且可关闭的。"

    19. "创建一个能将错误转化为机会的 404 页面。包含一个搜索栏、热门内容链接,也许还可以加入一个小游戏或互动元素来吸引用户。确保页面完全响应式并保持品牌一致性。"

    20. "实现一个浮动操作按钮(FAB),提供快速访问关键操作如'联系我们'或'开始免费试用'的途径。点击/轻触时包含一个快速拨号菜单,并确保FAB在不同屏幕尺寸和方向上都能保持最佳位置。"

  2. iPhone16用户泪牛,相机控制按钮终于有用了

    iPhone16用户泪牛,相机控制按钮终于有用了

    阶跃星辰的跃问 AI 最近更新了对 iPhone 16 相机控制功能
    前几天正好在东京,面对茫茫多的日文,直接一键拍照搞定。
    比如我昨天吃了两顿拉面了,今天想换换口味,我就让跃问直接把米饭类食物列出来
    比如我看到一个指示图看不懂,就让跃问告诉我怎么出去
    比如我实在不知道吃什么了,就让跃问推荐一个
    如果你也买了 iPhone 16 ,可以试试

  3. 有人整理了马斯克和 Sam 诉讼期间披露的所有电子邮件

    有人整理了马斯克和 Sam 诉讼期间披露的所有电子邮件。

    里面涉及了 Open AI 早期的很多信息,非常有价值。

    涉及 OpenAI 的成立、资金筹集、合作伙伴关系、AI 安全和控制等问题。

    完整的邮件整理,网页左边有时间线方便查询:

    https://www.lesswrong.com/posts/5jjk4CDnj9tA7ugxr/openai-email-archives-from-musk-v-altman

  4. 1.13岁-18岁用户,每增加1岁,把好用App推荐给朋友的数量就下降20%;

    1.13岁-18岁用户,每增加1岁,把好用App推荐给朋友的数量就下降20%;
    2.22岁是与社交联络数量的高峰,随年龄增长而下降
    3.年龄越大的群体,为其构建社交/娱乐等C端产品,所需要付出的投流成本逐渐增加
    4.需要靠网络效应来取胜的C端产品,初创公司有效的措施是在区域/群体密度定向打满来验证PMF,进行人群链式外溢。
    5.一句中国老龄化率逐渐变高,无法作为一款针对中国老年人社区App增长策略的逻辑依据。年龄越大,手机内App的“换手率”越低,采纳率越低,群体密度在线下社区,这些都是具体互为影响的。
    6.针对小学生和研究生的产品要做高LTV。或者说可以通过价格歧视来快速筛选。

    依然是:市场、规律、常识不以个人意志为转移。

  5. 卧槽,Mistral AI 偷袭啊

    卧槽,Mistral AI 偷袭啊。

    直接拿了一个完全免费的的类似 ChatGPT 的产品出来。

    - 开源 Pixtral Large 124B 多模态模型
    - 支持 AI搜索、Artifact、图像理解、图像生成的 le Chat

    主要支持图像生成还可以白嫖 FLUX,哈哈

    Pixtral 12B

    - 原生多模态,使用交错图像和文本数据进行训练
    - 在多模式任务上表现出色,在遵循指令方面表现出色
    - 从头开始训练的新型 400M 参数视觉编码器
    - 基于Mistral Nemo的12B参数多模态解码器
    - 支持可变图像尺寸和长宽比
    - 支持 128k token 的长上下文窗口中的多个图像

    全新Le Chat

    - 带有引用的网络搜索功能
    - 用于构思、内联编辑和导出的画布(Artifact)
    - 最先进的文档和图像理解
    - 图像生成,由 Black Forest Labs Flux Pro 提供支持

    这里尝试:https://chat.mistral.ai/chat

  6. 来东京看到好多屏幕,突发奇想用 AI 做了一个动物逃脱屏幕企划!

    来东京看到好多屏幕,突发奇想用 AI 做了一个动物逃脱屏幕企划!

    测试了一下即梦AI(Dreamina)新上线的 P 模型感觉很适合拿来做传统裸眼 3D 项目!

    以前做这种效果要牵涉好多 3D+特效工具,现在时代确实不一样了👩‍🔬 手机上操作也蛮方便,画幅比选项比 runway 多,测试的 case 表现力上比可灵&海螺也好一些(始终是同一只猫!)

    大家还知道哪些世界著名屏幕动物吗?之后想做个合集!

  7. 我们举办了提示工程领域第一次全国性的大会

    我们举办了提示工程领域第一次全国性的大会

    爆场了,很多朋友站着听完了全程,结束以后大家聚餐又聊到快十二点才陆陆续续散场,以后一定找个更大的场子。

    提示工程领域第一次全国性的大会圆满成功,粉丝朋友说今年可真是提示词元年,我说大家认可的元年才是真正的元年!

    感谢大家支持! 谢谢各位嘉宾,主持人,团队小伙伴们这几天以来的付出,好多人为了这次活动熬了很多夜,真的不容易。

    感谢从全国各地赶来的朋友们认可支持🤝(没有大家的支持认可我们啥也不是) ,之前在网上聊很多,终于有机会线下见面,超级开心hh。

    重新认识了很多朋友,也认识了很多新朋友。重新学习了很多知识,也学习了很多新知识,谢谢大家,也谢谢自己。

    直播回放在 结构词AI 视频号,这两天会生成回放,大会嘉宾的精彩分享我们也会陆续整理出来发布到公众号和视频号,欢迎大家关注,都是『结构词AI』 。

    希望大家能用好AI,人人都能写出高质量提示词,期待和大家在AI时代共同进步成长[爱心]