背景

孔夫子有曰:“加我数年,五十以学易,可以无大过矣。”人到中年,有一些困惑确实需要求助于老祖宗的智慧。

这两年,听了曾仕强教授百家讲坛的易经视频,今年又听了国学大师傅佩荣教授的公开课音频,也知道了一点易经的知识。之前一直想做一个关于易经的小工具,奈何技术有限没有行动。

虽然AI很火,但我只会用最简单的网页版本问答工具,还没有深入了解过 AI 编程。感觉哪些高大上的技术模型都有技术壁垒,我还无法翻越。上周从软大神的博客里面知道了 AI 编程等级这个概念,加上之前了解了一点 Claude Code ,想着好歹也是干开发的,要不玩一下 AI 编程吧。

这两种原因叠加,就有了本文的内容。

优化

搞定了安装、解决了 API 密钥后,玩起来还是顺利的。易经数字卜卦工具,是我用 Claude Code 开发的第一个应用。虽然我不会 uTools 插件开发,但是尝试用它生成了一个简易版,且申请发布审核通过了。

Step1,思考需求,初始版本只有一个简单的计算界面,我想着优化一下具体需求如下:

  1. 增加一个易经简介页签。
  2. 增加一个八卦口诀页签。
  3. 增加一个64卦速查页签。
  4. 原来功能页面调整样式。

Step2,然后进入工程目录,给 Claude Code 发布命令如下:

这是一个易经卜卦插件,我需要完善功能如下:
1.当前页面放到一个 Tab 页签中,名称为"数字卜卦"2.再添加三个页签,名称分别为易经智慧、八卦口诀、64卦速查。
3.易经智慧页面,显示一段文字:"《易经》是远古文明的产物,是中国自然科学和社会科学融为一体的哲理性很强的著作。傅佩荣教授曾说过,学易的卜卦就好像多找了一个长辈或是有智慧的朋友,人到中年以后,他易经不再有老师,也不再有保护者,他必须成为自己的长辈了,面对人生的各种挑战,这时怎么办呢?学会易经的占卦,好像还有父母长辈照顾你一样,多了一份笃定和心安"4.八卦口诀页面,显示一段文字:"卦序歌:乾坤屯蒙需讼师, 比小畜兮履泰否,同人大有谦豫随, 蛊临观兮噬嗑贲,剥复无妄大畜颐, 大过坎离三十备。\n咸恒遁兮及大壮, 晋与明夷家人睽,蹇解损益夬姤萃, 升困井革鼎震继,艮渐归妹丰旅巽, 兑涣节兮中孚至,小过既济兼未济, 是为下经三十四。"
5.64卦速查,列出64卦的卦名,每个名称点击弹出该卦的卦辞并画出各爻,展示爻辞。"

等它完成后,上面的需求都满足了,需要微调样式。

Step3,优化,继续指挥它:

继续优化:
1.去掉主页面的"易经卜卦小工具"这个标题。
2.易经智慧,文本去掉背景色。
3.八卦口诀,展示两部分:第一部分,展示口诀:“乾三连,坤六断,震仰盂,艮覆碗,离中虚,坎中满,兑上缺,巽下断。”第二部分,展示卦序歌分为两部分,上卦和下卦。
4.64卦速查,调整样式,序号和卦名在统一行,每个卦名背景色调整为护眼色,边框大小调小一点。

Step4,完成简单的调整,已经很像样了,感觉64卦查询时,用悬停效果会不会好呢?

继续优化:点击卦名用悬停效果展示卦的信息。

优化后发现,悬停有缺陷,在边界时,展示内容不完整:

悬停有缺陷,左边时弹框不完整了。调整悬停页面居中

Step5,对比之下,还是弹框风格比较好,于是还原:

还是还原为弹框效果。

又经过几轮的调整:

  1. 调整弹框大小,再小一点,弹框内容中去掉"卦象"这个标题,直接显示卦图,保证高度,不出滚动条。
  2. 继续优化弹框:标题高度调小一点,颜色为护眼色。去掉"卦辞"标题,且卦的描述内容文本剧中。「没错,这个有错别字,它也能正确识别为样式居中,就是这么神奇!」
  3. 是将每个Tab页的背景色换成 #f5f5d5。
  4. 弹框页面的背景色也设置为 #f5f5d5。
  5. 优化计算结果的展示,分三部分,展示在下面横行的三个区域:计算结果、本卦信息、变卦信息。
  6. 继续优化,计算结果、本卦、变卦,用一行三列分别展示它们。其中,第一列列宽小一点。第二和三列列宽相同。

结果

沟通顺畅,使命必达,神速高效,令人吃惊!最终把一周的限额用光了,功能也基本成型了。自己做了下样式微调,基本OK,重新编译后就再次申请发布,等待审核。

进入 uTools 插件市场,点击最新上架,列表中找到这个名称,就是本文成品的1.0.0版本了。出乎意料的是,上线两天,竟然有30个用户了!
在这里插入图片描述

  1. 主界面:
    在这里插入图片描述

  2. 计算结果:
    在这里插入图片描述

  3. 卜卦须知:
    在这里插入图片描述

  4. 八卦口诀:
    在这里插入图片描述

  5. 64卦速查:在这里插入图片描述

  6. 点击某一卦的弹框:
    在这里插入图片描述

启示录

安装 Claude Code 后,做了四个简单的实践:

  1. 让它修改了一个项目上的需求变更,一分钟搞定,我简直不敢相信。说实话那个变更,我一点思路就没有,告诉它后,它47秒就完成了,而且验证功能OK。
  2. 开发纯 html 网页版易经数字卜卦工具。
  3. 将网页版转化为 uTools 插件,并且成功发布到插件市场了。
  4. 将网页版转化为微信小程序,因为小程序审核问题,这个名称通不过,就没有发布。

在过年之前,跨进 AI 编程的大门,哈哈,我在工具使用上又跨越了一大步!

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐