AI编程:我用 Claude Code 开发了一款 uTools 插件
背景
孔夫子有曰:“加我数年,五十以学易,可以无大过矣。”人到中年,有一些困惑确实需要求助于老祖宗的智慧。
这两年,听了曾仕强教授百家讲坛的易经视频,今年又听了国学大师傅佩荣教授的公开课音频,也知道了一点易经的知识。之前一直想做一个关于易经的小工具,奈何技术有限没有行动。
虽然AI很火,但我只会用最简单的网页版本问答工具,还没有深入了解过 AI 编程。感觉哪些高大上的技术模型都有技术壁垒,我还无法翻越。上周从软大神的博客里面知道了 AI 编程等级这个概念,加上之前了解了一点 Claude Code ,想着好歹也是干开发的,要不玩一下 AI 编程吧。
这两种原因叠加,就有了本文的内容。
优化
搞定了安装、解决了 API 密钥后,玩起来还是顺利的。易经数字卜卦工具,是我用 Claude Code 开发的第一个应用。虽然我不会 uTools 插件开发,但是尝试用它生成了一个简易版,且申请发布审核通过了。
Step1,思考需求,初始版本只有一个简单的计算界面,我想着优化一下具体需求如下:
- 增加一个易经简介页签。
- 增加一个八卦口诀页签。
- 增加一个64卦速查页签。
- 原来功能页面调整样式。
Step2,然后进入工程目录,给 Claude Code 发布命令如下:
这是一个易经卜卦插件,我需要完善功能如下:
1.当前页面放到一个 Tab 页签中,名称为"数字卜卦"。
2.再添加三个页签,名称分别为易经智慧、八卦口诀、64卦速查。
3.易经智慧页面,显示一段文字:"《易经》是远古文明的产物,是中国自然科学和社会科学融为一体的哲理性很强的著作。傅佩荣教授曾说过,学易的卜卦就好像多找了一个长辈或是有智慧的朋友,人到中年以后,他易经不再有老师,也不再有保护者,他必须成为自己的长辈了,面对人生的各种挑战,这时怎么办呢?学会易经的占卦,好像还有父母长辈照顾你一样,多了一份笃定和心安"。
4.八卦口诀页面,显示一段文字:"卦序歌:乾坤屯蒙需讼师, 比小畜兮履泰否,同人大有谦豫随, 蛊临观兮噬嗑贲,剥复无妄大畜颐, 大过坎离三十备。\n咸恒遁兮及大壮, 晋与明夷家人睽,蹇解损益夬姤萃, 升困井革鼎震继,艮渐归妹丰旅巽, 兑涣节兮中孚至,小过既济兼未济, 是为下经三十四。"
5.64卦速查,列出64卦的卦名,每个名称点击弹出该卦的卦辞并画出各爻,展示爻辞。"
等它完成后,上面的需求都满足了,需要微调样式。
Step3,优化,继续指挥它:
继续优化:
1.去掉主页面的"易经卜卦小工具"这个标题。
2.易经智慧,文本去掉背景色。
3.八卦口诀,展示两部分:第一部分,展示口诀:“乾三连,坤六断,震仰盂,艮覆碗,离中虚,坎中满,兑上缺,巽下断。”第二部分,展示卦序歌分为两部分,上卦和下卦。
4.64卦速查,调整样式,序号和卦名在统一行,每个卦名背景色调整为护眼色,边框大小调小一点。
Step4,完成简单的调整,已经很像样了,感觉64卦查询时,用悬停效果会不会好呢?
继续优化:点击卦名用悬停效果展示卦的信息。
优化后发现,悬停有缺陷,在边界时,展示内容不完整:
悬停有缺陷,左边时弹框不完整了。调整悬停页面居中
Step5,对比之下,还是弹框风格比较好,于是还原:
还是还原为弹框效果。
又经过几轮的调整:
- 调整弹框大小,再小一点,弹框内容中去掉"卦象"这个标题,直接显示卦图,保证高度,不出滚动条。
- 继续优化弹框:标题高度调小一点,颜色为护眼色。去掉"卦辞"标题,且卦的描述内容文本剧中。「没错,这个有错别字,它也能正确识别为样式居中,就是这么神奇!」
- 是将每个Tab页的背景色换成 #f5f5d5。
- 弹框页面的背景色也设置为 #f5f5d5。
- 优化计算结果的展示,分三部分,展示在下面横行的三个区域:计算结果、本卦信息、变卦信息。
- 继续优化,计算结果、本卦、变卦,用一行三列分别展示它们。其中,第一列列宽小一点。第二和三列列宽相同。
结果
沟通顺畅,使命必达,神速高效,令人吃惊!最终把一周的限额用光了,功能也基本成型了。自己做了下样式微调,基本OK,重新编译后就再次申请发布,等待审核。
进入 uTools 插件市场,点击最新上架,列表中找到这个名称,就是本文成品的1.0.0版本了。出乎意料的是,上线两天,竟然有30个用户了!
-
主界面:

-
计算结果:

-
卜卦须知:

-
八卦口诀:

-
64卦速查:

-
点击某一卦的弹框:

启示录
安装 Claude Code 后,做了四个简单的实践:
- 让它修改了一个项目上的需求变更,一分钟搞定,我简直不敢相信。说实话那个变更,我一点思路就没有,告诉它后,它47秒就完成了,而且验证功能OK。
- 开发纯 html 网页版易经数字卜卦工具。
- 将网页版转化为 uTools 插件,并且成功发布到插件市场了。
- 将网页版转化为微信小程序,因为小程序审核问题,这个名称通不过,就没有发布。
在过年之前,跨进 AI 编程的大门,哈哈,我在工具使用上又跨越了一大步!
更多推荐
所有评论(0)