Transon

Skills

这些技能提炼自我的工作流:反复出现的判断、已经犯过的错误,都写成了可以直接调用的流程。

01/mermaid-diagrams

图解

源码

把结构画成图,出的是能直接打开的文件。

你把要画的东西说给它——一段流程、几个模块的关系、一张状态图——它先问你要粗的还是细的:粗的一张讲完,细的拆成一张总览加几张展开,每张展开图只拆开上一张里的一个方框。图源是文本文件,它渲染成一张自带全部内容、不依赖网络的 SVG,双击就能开;要在终端里读,就换成文本图。

  • 一张能直接发出去的图:单文件 SVG,不联网、不挑环境
  • 一套拆图法:总览管脉络,子图各展开其中一个方框
02/arch-reverse-engineering

架构逆向工程

源码

把一个现成的项目翻一遍,写出三份能直接拿去用的文档。

它去读代码和提交历史:先列清楚「这东西到底有哪些功能」,再把同一批功能换成用户视角排一遍先后,最后挑出最有技术含量的部分,写成找工作能讲的项目经历。

  • 一份完整的功能清单——这东西到底能做什么,一条不漏
  • 一份用户视角的故事地图——谁在什么时候用它做什么
  • 一份面试能讲的简历项目经历——带真实数字
03/frontend-guardrails

前端护栏

源码

让机器替你检查代码,而且保证它真的查了——不是绿灯一亮就放行。

在一个前端项目里把该装的检查一次装齐:管代码写法的、管目录能不能乱引的、管死代码和重复代码的、跑测试的。项目缺什么它自己补什么,装完还顺手把攒下来的老问题清掉一批。

  • 一道每次提交都真的在跑的闸
  • 一份「还剩多少旧账」的读数
04/commit

提交

源码

把这次改的东西整理成一条像样的提交,该跑的检查先跑完。

它先搞清楚这个项目里「检查」是哪几条命令——每个项目叫法都不一样——然后按这次改动的范围跑掉,最后写一条带图标的规范提交信息,直接提交,不停下来问你。

  • 一条已经跑过该跑的检查的提交
  • 不用再记「这个项目跑哪条命令」
05/work-report

工作汇报

源码

把一段时间里写过的代码,整理成一份能直接发出去的汇报。

它按你给的时间范围翻提交历史,把同一件事的多次提交聚成一条,按业务模块归类,写成日报、周报或月报。需要的话再去查合并请求,补上日期和链接。

  • 一份分好类的汇报,日报 / 周报 / 月报,两种颗粒度
  • 一份可追溯的文档:头部注明口径,查过 MR 就列出数量
06/feynman-explainer

费曼式技术讲解

源码

你没看懂的东西,换个说法讲到你懂为止。

被问到「这是什么意思」的时候,它不甩定义:先立一个具体问题,再给一个能上手的直觉,然后落到真实的机制和取舍上,最后把相关术语串起来。讲完反过来让你用自己的话复述一遍,你卡在哪儿,就只补哪儿。

  • 一段 600 字以内的讲解,一个回合讲完
  • 一句能带走的工程判断,不是一条定义
07/multica-flow

人工总控编排

源码

把一个想法打磨成能验收的任务,派给 AI 去做,每一道关口都由你点头。

一条串起来的流水线:先陪你反复追问,把模糊的想法逼成一条条能验证的要求;你确认后派给 AI 执行;交付回来先审查,有疑问就发回去返工;你验收通过,它再合并收口。每一步都停下来等你。

  • 一份能被独立验收的任务说明——追问到没有含糊为止
  • 一条有上限的闭环:返工满两轮不通过就升级,不原地打转
08/obsidian-kit

知识沉淀

源码

随手丢进来的碎片,整理成以后真的找得回来的笔记。

两种用法。往里存:一句话、一段代码、一个链接丢给它,它整理成一张带标题和标签的卡片,放进你的 Obsidian 收件箱。往外找:用大白话说你想找什么,它把相关的老笔记翻出来放进对话当参考。

  • 一张张格式统一、以后能被搜到的经验卡
  • 一个只读的检索入口:不写、不改、不删

这些技能都在一个仓库里。装到全局,之后在任何一个项目里都能直接调用。

npx skills add transon-top/skills -ggithub.com/transon-top/skills

Side Projects

知识卡

618 道前端面试题,翻卡看答案,点一下自评,到期了它自己回来找你。

总览把全部题目按领域铺开,题型、领域、关键词、自评状态四道筛一起用;学习视图一次一张,翻面看思路与参考回答;复习视图只给今天到期的。每题自评三档——不会、模糊、会了——下次什么时候再出现是它算的,不用你自己排计划。

打开题库 (新窗口打开)

不用注册。刷过哪些、下次什么时候复习,都存在你自己这台浏览器里。

01

总览

618 道题按领域铺开,四道筛一起用,每题上都标着自己评过哪一档。
知识卡总览:题目按领域铺开,每题标着自己评过的档,顶部是四道筛知识卡总览(手机):筛选项折成几行,题目一列排开
02

学习

一次一张,翻面看思路与参考回答,不会 / 模糊 / 会了点一下。
知识卡学习视图:一张题卡,顶部是视图切换与进度知识卡学习视图(手机):一张题卡铺满宽度
03

复习

顶上那颗徽标写着今天还剩几道,只给到期的题。
知识卡复习视图:顶部徽标写着今日到期数,中间一张题卡知识卡复习视图(手机):今日到期数与一张题卡

喵喵小红花

课上记一朵小红花,孩子养宠物、升等级、攒着换奖励。

老师在控制台点一下卡片就记分,分组、排行榜、兑换商店各自就位;家长打开一个链接,不用注册就能看到孩子这段时间的表现。

打开演示课堂
演示账号
邮箱dev@meo-ai.com
密码MeoMeo123
已经备好一个班:35 名学生、一个学期的记录。演示数据可随意修改。
01

控制台

全班一屏铺开,点一下卡片就记分。
喵喵小红花控制台:全班学生卡片、小红花数与宠物喵喵小红花控制台(手机):学生卡片纵向排列
02

排行榜

个人榜与小组榜,看总数或本周。
喵喵小红花排行榜:前三名领奖台与排名列表喵喵小红花排行榜(手机):领奖台与排名
03

兑换

把称号和奖励配好,学生用小红花来换。
喵喵小红花兑换管理:称号与奖励的配置卡片喵喵小红花兑换管理(手机):称号与奖励卡片
04

家长端

一个链接发给家长,不用注册就能看。
喵喵小红花家长端:孩子的红花总数与学期趋势图喵喵小红花家长端(手机):红花总数与趋势图