完全不会 Swift ,用 claude code 花了三天写了个 mac 的侧边栏笔记 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
mlhiter955
V2EX    分享创造

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

  •  
  •   mlhiter955
    mlhiter 3 天前 1566 次点击

    之前用过 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  
       2 天前 via iPhone
    同样只会 python ,vibe coding swift 的最大的感受是,出功能超快,debug 累得不行,尤其是在某个点上死绕的时候,codex 和 claude 互解有奇效。xcode 随着代码量上去编译时间越来越长也是心累。
    PerFectTime
        9
    PerFectTime  
       2 天前
    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     2543 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 10:41 PVG 18:41 LAX 02:41 JFK 05:41
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86