V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mlhiter955
V2EX  ›  分享创造

完全不会 Swift ,用 claude code 花了三天写了个 mac 的侧边栏笔记

  •  
  •   mlhiter955 ·
    mlhiter · 3 天前 · 1602 次点击

    之前用过 https://www.apptorium.com/sidenotes 这个侧边栏笔记软件,感觉设计挺优雅的,但是感觉用起来不是很对味,没有那种即开即写的感觉,而且还是付费的。

    我就想用 claude code 自己实现一个类似功能的笔记试试(正好 claude code 比较闲)。

    我是完全不会 swift 的,代码也看不懂。于是花了三天,边让一个 claude code 工作,边让一个 claude code 去实现这个项目,然后有时间就指点它一下。

    大概效果就像下面这样:

    screenshot

    一些开发的经验吧:

    1. claude code 的 frontend-design 这个 skill 很好用,设计出来的 UI 还是挺优雅的。应用的图标也是它自己画的,logo 真的不赖。
    2. 你可以不会 swift ,但是你得跟着 claude code 的教程会用一点 Xcode ,知道一些简单的配置,不太推荐不用 Xcode ,我之前试过,经常有很多打包和依赖的 bug 很不好处理。再就是比如 Canvas 这种功能,得知道有这么个东西可以预览界面,不用每次都重新 build+run 来调界面。
    3. 一些规则和知识可以让它写到根目录的文件里,比如我就让 claude code 生成了设计的风格和规范的 design_system.md 的文件,防止 claude code 设计风格跑偏,当然一般我们也放类似白皮书、技术架构这种文件到根目录下让它维护,这个项目很 toy ,所以就没搞。

    仓库在这里: https://github.com/mlhiter/open-sidenotes

    17 条回复    2025-11-28 16:25:04 +08:00
    SayHelloHi
        1
    SayHelloHi  
       3 天前   ❤️ 1
    @mlhiter955

    楼主 这个是啥 App

    左 4

    wu00
        2
    wu00  
       3 天前
    design_system.md + claude.md
    比代码难多了
    woshryz
        3
    woshryz  
       3 天前
    求壁纸
    woshryz
        4
    woshryz  
       3 天前
    @SayHelloHi kitty
    JoeJoeJoe
        5
    JoeJoeJoe  
    PRO
       3 天前
    侧边栏真的是一个友好的工具操作方式
    ltl3885
        6
    ltl3885  
       3 天前
    是 iterm 软件
    ltl3885
        7
    ltl3885  
       3 天前
    @SayHelloHi 是 iterm 软件
    youthfire
        8
    youthfire  
       3 天前 via iPhone
    同样只会 python ,vibe coding swift 的最大的感受是,出功能超快,debug 累得不行,尤其是在某个点上死绕的时候,codex 和 claude 互解有奇效。xcode 随着代码量上去编译时间越来越长也是心累。
    PerFectTime
        9
    PerFectTime  
       3 天前
    hh 完全不会写客户端, 这几天用 claude 撸了一个支持 mac+windows+iOS 同步剪切板的玩具
    mlhiter955
        10
    mlhiter955  
    OP
       2 天前
    @wu00 确实哈哈,不过我一般都是让 AI 根据现在的代码(我会调好一个 demo )直接生成
    mlhiter955
        11
    mlhiter955  
    OP
       2 天前
    @woshryz #3 https://github.com/mlhiter/wallpaper 放这个仓库了,自取
    mlhiter955
        12
    mlhiter955  
    OP
       2 天前
    @JoeJoeJoe 确实,我觉得这种光标滑到屏幕右侧直接显示的方式挺爽的,放个备忘录和快速记录之类的都很舒服
    mlhiter955
        13
    mlhiter955  
    OP
       2 天前
    @PerFectTime 好东西,不过我一般用微信输入法进行同步剪切板
    mlhiter955
        14
    mlhiter955  
    OP
       2 天前
    @youthfire 确实呢,一般直接跟他说问题它三轮都解决不了,就直接让它让它打日志,还是不行就让它“深入思考”+“打更加完善的日志”,我是一般这种情况就能解决
    poorcai
        15
    poorcai  
       2 天前
    后端苦于设计,话说 frontend-design 这个怎么使用啊?😭
    mlhiter955
        16
    mlhiter955  
    OP
       2 天前
    @poorcai 我教你,先安装这个 skill (可以问 claude code 怎么安装,把这个 skill 的网址粘贴给他就好),然后你在需要用这个 skill 的时候。比如你要写前端页面的时候(或者你想要优化前端界面的时候),你就跟 claude code 说“用 frontend-design 这个 skill 帮我实现前端界面”,之后跟着它一步步走就行。
    poorcai
        17
    poorcai  
       2 天前
    @mlhiter955 #16 谢谢,用上了😄
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   2354 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 15:41 · PVG 23:41 · LAX 07:41 · JFK 10:41
    ♥ Do have faith in what you're doing.