Bolt、Lovable使用10大技巧 | 一行提示词构建沉浸式故事型个人站点(别用简历了,丢给AI建个网站)

域名与网站向量数据库大模型

更新一期实践。以下的AI指:Bolt、Lovable、Cursor

扔掉你的简历,用 Bolt/Lovable/Cursor 搞个个人网站

5 分钟搞定,真实又吸睛

网站可以更真实,更能表达你自己,真正展示你是谁。

当然简历只是给AI的一种输入形式,也可以准备好想要给AI提供的其他资料,利用这些资料做故事型叙事个人站点也可以(本期实践)。

四步法则打造个人网站

第一步:告诉 AI 你是谁

先描述下自己。你是谁?啥背景?干过啥牛逼项目?

小技巧:直接把你简历截图传上去,Lovable 能从图片里提取文字,省得你从头写。

第二步:定调调 (Set the vibe)

描述下你网站想要的感觉。用点有表现力的设计语言,给它指明方向。

比如:

"你的故事需要一个舞台。告诉 AI 你希望这个舞台是《银翼杀手》的霓虹都市,还是《爱在黎明破晓时》的浪漫街头?用电影、音乐、甚至一种情绪来描述,AI 会帮你调出专属的视觉滤镜。"

Pro Tip: "我希望它像一部 Wes Anderson 的电影,色彩明快,对称构图,带点复古的怪诞。"

第三步:傍大牌 (Name-drop brands)

提几个你喜欢的品牌。这样 Lovable 就知道从哪儿"借鉴"设计语言了。

"每个创作者都有自己的缪斯。告诉 AI 那些启发过你的品牌、艺术家或网站(不一定是行业相关的!)。AI 会像个聪明的学生,学习它们的优点,但为你定制出独一无二的风格。"

Pro Tip: "我喜欢 Patagonia 的环保理念和朴实质感,也欣赏 Muji 的极简留白。"

第四步:让它动起来 (Animate it)

让 Lovable 加点动画,让网站活起来。

"每个好故事都需要一个让人过目不忘的视觉符号。它可以是你专业的象征(比如一个抽象的代码流),也可以是你个性的延展(比如一个手绘风格的自画像动画)。利用 Spline 或 LottieFiles 制作,让 AI 帮你无缝嵌入。"

Pro Tip: "我想在首页放一个缓慢旋转的、由无数微笑表情组成的 3D 爱心。"

实践案例展示

可能这四步看下去还不太清楚。让我们具象化一些。我把这四部合成了一条提示词(长了些,这个提示词放在后文)。

直接出效果(后面几步可以放上3d效果、个人视频等)。

演示视频:个人网站生成效果

picture.image

我的话,简历截图那一块。为了实用和效率起见,我直接用知识星球信息了

更多案例演示

30秒钟(Bolt他们只用了这么久),一行提示,得到了上面的网站效果。

下面几个Case连着一起看(Bolt、Lovable都有,最后一个是岛屿风格):

这个是唯一一个跑在Cursor + Claude4 Sonnet Think中的:

完整提示词模板

之所以把提示词合在一起是觉得AI要有一个总的把握。从发给AI的第1个提示词就定一下基调。

并且我发现Bolt、Lovable这样的你提示词描述越精细越可控。它的效果会更好。所以提示词多说点也无妨。

完整提示词:

  
请为我勾勒一个数字身份的灵魂。我想构想并开始设计一个高度个性化的个人数字空间。我的目标是打造一个能充分展现我独特数字人格、传递核心价值,并提供卓越用户体验的在线据点。  
  
  **一、核心定位与灵魂:**   
  


数字人格:我的核心数字人格是【AIGC技术实践者】与【AI+新媒体玩家】,同时也是【视频创作新手村的开荒者】。这个空间将作为我【“读AI天机,写技术新事”理念的实践与分享平台】。  
核心信念/Slogan:我深信的核心信念是【“读AI天机,写技术新事。”】,这将是贯穿整个空间的精神主线,指引我分享对AI前沿的洞察和技术应用的深度思考。  
  


内容方向:在这个空间,我将毫无保留地分享【第一时间AI资讯与社群独家干货;汇集的国内外主流与实用AI资源(确保小白与进阶者都能上手);我在AI绘画、AI视频、LLM部署微调、Agent等领域的独家技术实践;以及我独立开发与AI编程的技术探索,帮助大家系统了解AI相关知识,节省探索时间】。同时,我也会分享【好用的AI工具、我个人的自用工作流软件、自媒体实践经验和AI写作技巧】。  
在这个空间,我也将毫无保留地分享我【E:例如“探索50多款AI工具的奇遇、创作100多条AI短视频的幕后故事、以及那些用AI点亮他人工作瞬间的真实案例”】。  
  **分类配件:**   
*实战经验类:* “独立开发XX应用的踩坑与心得”、“运营XX社群的增长秘籍”、“用AIGC工具创作XX系列作品的全流程揭秘”  
*深度思考类:* “关于AI伦理的系列思辨”、“对未来工作模式的畅想与预测”、“解读XX行业报告的核心洞察”  
*教程与资源类:* “XX AI工具的保姆级入门教程”、“精选XX领域的优质学习资源清单”、“Prompt Engineering的高阶技巧分享”  
  


访客感知与整体基调:我希望这个空间给访客的感觉是【一个既能快速获取AI前沿资讯与实用干货,又能深入学习独家技术实践】。让访客一进入就能感受到【AI、前沿、实用、乐于分享的氛围】  
  
  **二、空间意境与交互体验:**   
1、空间隐喻:将我的个人站点构想成一个【x】。  
  **风格化配件(选择或自定义):**   
*思考型:* 深夜的灵感阁楼、宁静的思考花园、星空下的天文台、智慧图书馆的静谧角落  
*创造型:* 充满活力的创意工坊、未来科技的实验室、数字艺术家的画廊、游戏设计师的草稿本  
*探索型:* 未知世界的探险地图、时空穿梭的驾驶舱、神秘岛屿的探索日志  
*简约型:* 极简主义的禅室、纯白无暇的画布、清晰明了的仪表盘  
整体氛围:营造【神秘并激发好奇、简约却不失格调】的氛围。  
  
2、交互哲学:交互体验要如同【X】般自然流畅,直观且富有人性化。  
  **风格化配件(选择或自定义):** 与一位有趣的灵魂对话、翻阅一本精心编排的互动书籍、探索一个充满惊喜的寻宝游戏、指挥一支高效协作的智能助理团队、欣赏一部运镜流畅的艺术电影  
  
3、布局与导航逻辑:我希望我的数字空间采用【X】的布局和交互逻辑。  
  


0
0
0
0
关于作者
关于作者

文章

0

获赞

0

收藏

0

相关资源
字节跳动 XR 技术的探索与实践
火山引擎开发者社区技术大讲堂第二期邀请到了火山引擎 XR 技术负责人和火山引擎创作 CV 技术负责人,为大家分享字节跳动积累的前沿视觉技术及内外部的应用实践,揭秘现代炫酷的视觉效果背后的技术实现。
相关产品
评论
未登录
看完啦,登录分享一下感受吧~
暂无评论