🤠
实现一个类似pinterest的瀑布流布局的本地图片浏览器，vibe coding体验
  • 项目代码
  • 体验地址
React App
Web site created using create-react-app
React App
https://camelliav-gallery.netlify.app/
  • 参考效果
notion image
notion image
  • 主要的功能在github有说明，整个vibe coding的流程，只需要简要的声明需求，不需要任何复杂的prompt，gemini的效果让人印象深刻，每一次功能迭代基本都是完善的，开箱即用，唯一的缺点在于有时候偷懒只给修改的部分，不给完整的代码，需要重复第二次要求完整代码。
  • 第一个prompt，大致描绘需求后，会得到：项目结构+代码内容+文件解释+运行流程
notion image
notion image
  • 参考完整流程，最后一部分功能迭代没有保存成功
aistudio.google.com
https://aistudio.google.com/app/prompts?state=%7B%22ids%22:%5B%221t6BQCK_5Z_NDt-E_-7LKJbDaAPvCGiXA%22%5D,%22action%22:%22open%22,%22userId%22:%22109242167354559435521%22,%22resourceKeys%22:%7B%7D%7D&usp=sharing
  • 后期扩展
    • 删除图片
为了方便在多个设备上通用，给的要求是写web app，但web app是不能对本地文件进行修改的，所以删除功能目前仅是从画廊中移除，而无法做到直接删除图片
  • 子文件夹聚合
原则上这一功能可以通过点选子文件夹或通过搜索筛选（文件名包含文件夹名）实现，但没有直接的聚合功能来的直接，目前是将一个文件夹下所有（无论层次）图片全部加载展示（符合需求），缺少一些分类聚合的功能
相关文章
[2026.3.2]AI应用实践与设想需求
Lazy loaded image
[2026.1.17]实验室环境服务器使用实践
Lazy loaded image
从项目实践中总结Git的使用
Lazy loaded image
理解Git原理
Lazy loaded image
优质blog笔记
Lazy loaded image
折腾博客表里站复盘
Lazy loaded image
Chrome extension recommendation (1)English Subsite at top-right
Loading...
CamelliaV
CamelliaV
Java；前端；AI；ACGN；
公告
UI未显示/数据未更新/无图 → 刷新/等待异步加载
主入口Netlify：
camelliav.netlify.app
https://camelliav.netlify.app/
备用入口Cloudflare：
camelliav.cloudns.ch
https://camelliav.cloudns.ch/
 
2024-2026CamelliaV.

CamelliaV | Java；前端；AI；ACGN；


  1. 1 BRIGHTEST HEART 高柳知葉
  2. 2 Raven Oliver Good
  3. 3 Against the Tide（逆潮） 鸣潮先约电台/Forts
  4. 4 给予你的爱 Xi YuaN/Digital Vengeance/唢清
  5. 5 スペルビア帝国/夜 平松建治
  6. 6 Imagination QQHHh
  7. 7 virtues QQHHh
  8. 8 Tricolor (short ver.) Digital Vengeance/44
  9. 9 港口夜 - 四周年 月代彩
  10. 10 神よ、その黄昏よ 金﨑猛
  11. 11 絆炎 (English Ver) Katherine Eames
  12. 12 ラストエンゲージ～祈りの呪文 馬場泰久
  13. 13 an evening calm fripSide
  14. 14 フレスベルグの少女～風花雪月～ Caro
  15. 15 Answer 北原春希/小木曽雪菜
  16. 16 Kiss Kiss Kiss BENI
  17. 17 远航高歌 染音若蔡/阿南
  18. 18 Sentimental Blue Trident
  19. 19 目指す先にあるもの Falcom Sound Team J.D.K.
  20. 20 Night City r e l/Artemis Delta
  21. 21 Gimme×Gimme P*Light/Giga/初音ミク/鏡音リン
  22. 22 桃幻浪漫 Airots/Active Planets & AUGUST
  23. 23 DESIRE 美郷あき
  24. 24 镜花堂（feat.芬璃尔） 幻塔手游/Rux
  25. 25 she was sitting under the osmanthus tree 梶浦由記
BRIGHTEST HEART - 高柳知葉
00:00 / 04:02