1. Demo 简介
是什么：
织算宝是一款面向编织爱好者的微信小程序工具，帮助用户完成从成衣尺寸输入到编织图纸生成、标记、保存和复用的全流程。用户只需输入成衣尺寸和编织密度（样片数据），系统即可自动计算各部位针数、行数，生成带有网格标注的可视化编织图纸，并根据不同衣型、领型、袖型、门襟等参数灵活调整。
面向谁：
核心用户包括四类人群——刚接触钩织和棒针的新手、想改尺寸改版型的进阶玩家、经营社群或手作工作室的创作者与教学者，以及希望推广传统编织技艺的非遗传承者和公益课堂组织者。
主要功能：
- 成衣尺寸输入与自动计算： 用户输入目标成衣尺寸（胸围、衣长、袖长等）和个人编织密度（10cm×10cm样片的针数×行数），系统自动换算各部位所需的针数和行数，消除手工反复计算的出错风险。
-
编织图纸生成与标记： 自动生成带网格的可视化编织图纸，用户可以在图纸上放置自定义"小印章"标记，标注关键步骤、加减针位置等，把一次编织过程沉淀为可复用的个人经验。
-
自由创作画布： 提供矩形网格和圆形蛛网两种画布布局，支持自定义行列数、格子长宽比、环数和轴数，满足花样设计和图案创作的需求。画布支持缩放、平移，适配不同屏幕尺寸。其中还有图片导入像素化和图片裁切功能。
-
常用数据保存与复用： 常用尺寸方案可一键保存，下次直接调用，避免重复输入。
2. Demo 创作思路
我为什么想做这个：
我是一个在职人员宝妈，平时上班，晚上陪孩子学习的时候又不宜拿手机，那干点什么呢？小的时候一边写作业妈妈一边在旁边织毛线的场景浮现了出来，现在这场景中我不再是那个孩子，而换成了妈妈，一针一线成为了一种爱的传承。
说实话，每次织一件毛衣，最头疼的不是织的过程，而是织之前的"算"。不同的线材粗细不同、针号不同，每次都要先织一个小样，量出 10cm 有多少针多少行，然后再根据想要成品的尺寸，反推起针数、总行数、袖笼怎么收针、领口开多大、肩斜怎么引返……这些计算往往要在纸上反复验算，一算就是一两个小时，算错了还要拆了重来。如果不经过前面这些计算，直接开织，那后续织织拆拆将会更加头疼，容易烂尾，或者织出来尺寸不对，浪费了大量的时间和辛苦的劳动。
我身边很多织友也是一样——大家都不缺编织的手艺，缺的是一个"输入小样尺寸就能一键出图"的计算工具。市面上的编织软件要么是付费的，要么功能复杂不适合国内织女的习惯，要么根本就没有针对中国棒针编织习惯做过优化。
与此同时，我发现毛线棒针编织在全国多地已被列为省、市、区级非物质文化遗产——天津的"津艺毛麻编织手工技艺"、上海的"海派绒线编结技艺"、山东文登的"钩织"技艺、安徽蒙城的"手工钩织传统技法"等。这些手艺正面临传承困境，年轻人觉得"太难学"“太耗时”。如果有一个工具能让尺寸计算变简单，让新手也能快速上手，这门手艺是不是就能更好地传下去？
想解决的问题：
- 每次换线材/针号都要重新计算起针数、行数、加减针数据，费时费力容易出错
- 领口、袖笼、肩斜等关键部位的加减针和引返计算复杂，新手尤其容易算错
- 找不到合适的棒针图解，或找到了尺寸对不上，不会缩放
- 传统棒针花样学习门槛高，年轻人缺乏便捷学习工具
- 一件毛衣从构思到开工准备时间平均 3-5 天，试错成本高
为什么做这个方向：
织算宝聚焦在编织前最关键的几个环节——设计灵感、图解计算、教程输出。选择这个方向基于三个判断：真实需求（我自己和身边织友们的真实痛点）、技术可落地（ 结构化计算完全可以实现）、社会价值明确（非遗编织数字化传承，降低学习门槛）。
一个零编程基础的人，怎么用 AI 做出一个可用的产品：
我完全没有任何编程基础。在了解到 TRAE 可以通过 AI 对话来完成编程之后，我就开始尝试用它来编写这个我一直想要的编织工具。最早使用的记录现在找到的是今年1月份的，真正开始使用的时间更早，可以算是Trae的忠实用户了。作为一个没有一点经验的在职宝妈，经过一点点打磨，在今年2月份做了一个能计算编织图的初代版本上线。在年轻人云集的新赛道里，像我这样时间精力有限的中年人也能通过ai，实现自己之前的很多构想，把脑中的灵感变成现实，当软件上线的那一刻，感觉真的太棒了，感谢trae，感谢ai，感谢这个时代。
.7594079309952156679:b9bbb19ef22fd2645ddf172b30cf847e_6964f40edea5c9b9c24fcd92.6964fbf7dea5c9b9c24fd310.6964fbf60da0cab7dea1c556:Trae.T(2026/1/12 21:49:43)
这次看到Trae大赛，毫不犹豫的报名参赛，在报名赠送的速通支持下又升级到了现在的版本，增加了自由创作和教程等功能，实现了图片像素化和图解切片等功能。
整个过程就是：把我脑海里的需求用大白话告诉 TRAE，它帮我生成代码，我试用了之后告诉它哪里不对、需要怎么改，它再帮我调整。
就这样反复对话、不断迭代，从零开始做出了一个可以真实使用的微信小程序，现在新版小程序已更新上线，虽然只有前端，但是已经具备使用的功能。
就是在上线微信小程序后，我才发现初赛只能提交随时能演示的链接或是上传html文件压缩zip的Demo。结果我只能再重新做了一个Demo上传，基本跟我微信上线的小程需差不多结构，但是微信小程序能直接生成可以编织的图，而这个Demo只是示意，希望评委能够见谅。
如果评委或是感兴趣的伙伴们能够在微信小程序中搜索“织算宝”，使用体验一下应该会有更直观的感受，欢迎大家提出更多意见和建议。
3. Demo 体验地址
1）压缩包里是织算宝html初稿，仅供参考。
织算宝-交互Demo.zip (11.1 KB)
2）微信小程序现上线欢迎扫描下方二维码体验，现阶段仅有前端，后期将进一步搭建后端。
3）也可点击以下链接查看微信小程序的相关视频
-
平时收集的花样图解原来还可以这样用~ 织友们平时看到… http://xhslink.com/o/8CXLGHuV45q
复制后打开【小红书】查看笔记！ -
拼豆或者编织爱好者的实用小工具 像素化图片是拼豆爱… http://xhslink.com/o/4OyzonTUYdI
复制后打开【小红书】查看笔记！
核心功能均可真实操作：
- 编织图解计算：常用尺寸一键输入，可修改任意参数，可选多种衣型、袖型、自由搭配组合，设计你心中的那件。
- 自由创作：矩形网格和蛛网圆形网格满足不同的设计需要
- 像素化和原图切片模式，让你轻松抓取喜欢的图案图解，织入你的毛衣、针织衫中。
平时收集的花样图解原来还可以这样用~ 织友们平时看到… http://xhslink.com/o/8CXLGHuV45q
复制后打开【小红书】查看笔记！
- 编织教程：可选择起针、收针、不同的针法、编织技巧等，看视频教程
4. TRAE 实践过程
开发流程：
作为一个完全没有编程基础的人，我的开发流程就是在 TRAE 中不断对话、不断迭代：
- 需求描述：在 TRAE Work 中用大白话描述织算宝的功能需求——“我想要一个工具，输入小样尺寸和衣服尺寸，能自动算出起针数、行数和加减针数据”
- 创意梳理：让 TRAE 帮我完善创意提案，生成报名帖所需的 HTML 创意产物
- 原型开发：在 TRAE IDE 中，通过对话让 AI 帮我编写完整的可交互 HTML Demo，包含四个核心功能模块
- 功能迭代：根据实际使用体验，告诉 TRAE 哪里需要改进——“计算结果要能实时更新”“花样图解要能点击查看大图”“教程要能一步步切换”
- 调试完善：测试页面布局、交互效果和 AI 图像生成功能，反复优化
开发关键步骤截图（不少于3张）和关键任务 Session ID（不少于3个）：
[截图1：在 TRAE Work 中用大白话描述编织计算需求，AI 帮我生成初赛稿
1360521788657417:7fe91a7a82afe6647f52ba802f4807da_6a46875cb42675ec8672bf3a.6a46875cb42675ec8672bf3d.6a46875cb42675ec8672bf3b:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/2 23:44:28)
[截图2：在 TRAE IDE 中和 AI 对话，迭代开发自由创作的页面逻辑等内容]
.1360521788657417:86b32049c5326fff346f13f0df2c75eb_6a391dac69f6e415f20337a6.6a4283d98f2f38fc6f0eed50.6a4283d83775a718eb8c03bd:Trae CN.T(2026/6/29 22:40:25)
[截图3：在 TRAE IDE 中和 AI 对话，不断调整效果]
.1360521788657417:b9e7f1fe1b999cbaee2cfb6d722eaaf3_6a391dac69f6e415f20337a6.6a428e7c8f2f38fc6f0eeedc.6a428e7b3775a718eb8c03be:Trae CN.T(2026/6/29 23:25:48)
[截图4：最终 Demo 在浏览器中的完整展示效果]（加分项）
1360521788657417:52c599200c466b59c99234b0bf3c1e52_6a46875cb42675ec8672bf3a.6a490b6769150e304ec25302.6a490b6669150e304ec25300:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/4 21:32:23)
| [截图5：开发视频教程步骤导航] | |
|---|---|
.1360521788657417:be74e2aa79d31803659d0aefeb542e26_6a391dac69f6e415f20337a6.6a452893b97355d5769dc89b.6a452891bafe8521dac4c7a5:Trae CN.T(2026/7/1 22:47:47)
.1360521788657417:ed744dae1e6d051e5f4ce9bd9b213824_6a391dac69f6e415f20337a6.6a49202930482d5fbb83412c.6a492027ef78ec5eef33f589:Trae CN.T(2026/7/4 23:00:57)
我的报名帖：