想动手搭一台 6502 计算机，第一道坎往往不是焊接，而是怎么把脑子里那张电路图落到面包板上。Ben Eater 的系列教程火了之后，卡在同一个地方的人特别多：线该怎么走，芯片该插哪一行，地址总线和数据总线会不会交叉打架。
这几年复古计算明显在回潮。Ben Eater 把 6502 从教科书里带进了客厅，越来越多人想亲手点亮第一颗 LED，而不是只在模拟器里跑程序。但网上能找到的图要么是仿真软件截图，要么是白板手绘，缺一个能直接对应面包板真实孔位的画法。
legacy-circuit-mockups 就是冲着这个空白来的。它用 HTML5 Canvas 直接把面包板画出来，而不是生成一张静态示意图。你看到的每一格都对应板子上的一排孔，这种真实感是普通示意图给不了的。
我从它的 SKILL.md 一路翻到附带的二十多个参考文件，越看越觉得这东西定位很准。它不是要替代 KiCad 那种正经 EDA，而是给你一个动手前先想清楚的环境。下面我把它的能耐、边界和坑都摊开来聊。
使用场景
最典型的需求就一句话：你打算往面包板上插一堆芯片，但还没插之前，先想在屏幕上排一遍。这对 6502 这种引脚又多、总线又密的处理器尤其有用，光是四十个引脚的排布就够人头疼一阵。
还有一类人是纯教学场景。给初学者讲 555 定时器怎么接成多谐振荡器，与其在白板上画得歪七扭八，不如用标准画法标清电源和地线。技能内置了导线颜色规范：
-
红：正五伏电源 -
黑：接地 -
黄：时钟信号
这种颜色一致性在教学里很值钱，学生一眼就能分清哪根线在干什么，不至于把电源和信号混在一起看。
我也设想过一个真实工作流：先把 28C256 EEPROM 和 W65C22 VIA 的大致位置定下来，再慢慢把 7400 系列逻辑门塞进去做地址译码。这种先骨架后血肉的搭法，技能的分步工作流是支持的。
它内置的 555 多谐闪烁器示例很具体：把芯片跨在中间槽，接好 Vcc 和地，再配十千欧与一百千欧电阻加十微法电容，每根线都给了步骤。新手照着画一遍，基本不会把输出和阈值接反。
技能还给了几个可直接照抄的搭建示例。单 LED 从电源轨引一根黑线到接地行、红線到电源行，再串一颗二百二十欧电阻；整体接法一步步列清。对完全没基础的人，这是最低成本的起点。
技能甚至附带一张常见问题表。LED 不亮先查极性，电路不上电查电源轨，555 不振荡查阈值和触发的电容接线。这些刚好对应草图阶段最容易犯的错，等于一边画一边帮你自检。
不过得先说清楚，它画的是布局草图，不是电气仿真。你拿它不能直接验证上电后总线有没有冲突，该用逻辑分析仪还是得用。这个认知如果不提前建立，容易对工具期待过高。
技术架构与设计决策
整个技能的渲染核心是一个二十像素间距的网格系统。所有元件都先对齐到网格再记录坐标，这保证了布局和真实面包板的孔位能对应上。底层的元件模型长这样：
{
type: 'component-type',
x: gridX, y: gridY,
width: componentWidth, height: componentHeight,
rotation: 0, // 0, 90, 180, 270
properties: { /* 元件专属数据 */ }
}
用 Canvas 而不是静态 SVG，是个明智取舍。Canvas 能按坐标逐像素绘制，导线颜色、元件旋转都能在模型变化后实时重画，后续要做交互或动画也有空间。SVG 在这种密集网格场景下反而更笨重。
导线则用更简单的起点终点加颜色描述。这个设计很聪明，元件和连线彻底解耦，你改一根线完全不动芯片的位置。对比那种把电路存成一整张位图的笨办法，这种结构化模型后期好维护太多。
我一开始以为它就是套个 Canvas 画点方块，翻到组件渲染模式才发现它把 DIP 封装的引脚、旋转与元件属性都建模了。这意味着同一个 7400 逻辑门，你转九十度、挪两格，模型里只是改几个字段，不用重画。
旋转是另一个被认真处理的点。元件模型支持 0/90/180/270 四种旋转朝向，意味着同一颗芯片既能横插也能竖插。面包板上很多走线需要把 IC 转个方向避开电源槽，这个字段让布局自由度上了一个档次。
导线颜色规范值得单独说，它直接映射真实电路图的信号分类：
-
红：正五伏电源 -
黑：接地 -
黄：时钟信号 -
蓝：地址总线 -
绿：数据总线 -
橙：控制信号 -
白：通用线
这套配色不是装饰，而是真实电路图里区分信号类型的惯例，教学时一眼就能分清哪根线在干什么。
对齐的数学也很讲究。网格用二十像素间距，所有坐标都先 floor 到最近格点再存，这让元件位置天然对齐孔位，也避免了手动画图时常见的小偏差累积。你之后真插元件时，草图上的格子数和板子数出来能对上，不会差半格。这种细节决定了成品是否经得起实物对照。
附带的计算公式也是实打实的工程辅助。555 多谐振荡器的频率、占空比，LED 限流电阻的欧姆定律，技能都直接给公式，不是让你事后自己翻书。做教学草图时能顺手算，体验比预期顺滑。
洞察与反思
用下来最让我意外的是它的组件覆盖面。W65C02S 配上 28C256、W65C22 与 62256，这基本就是一台最小 6502 系统的全套芯片清单。它显然不是泛泛做电子元件库，而是冲着帮你复刻一台 Ben Eater 电脑这个目标精心选的料。
附带的二十多个参考文档是隐藏宝藏。从 555 到 6502，从 LCD 到 EEPROM 烧录器，基本把复古计算全链路覆盖。哪怕你不用它的画图功能，单翻这些引脚定义就值回票价，省去到处搜 datasheet 的时间。
公式随手算这点也很实用。欧姆定律算 LED 限流、555 的频率和占空比、电容的电抗和储能，这些都内嵌在技能里。画草图时能当场验算参数，不用切到别的计算器，工作流不断档。
技能还内置了 LED 正向压降参考，红绿黄约二点二伏、蓝白约三点二伏。选限流电阻时直接用这个数去算，比凭经验估要准得多，也少烧几颗灯。
横向看，做面包板图的成熟工具其实不多。Fritzing 是最接近的对手，它有专门的面包板视图，但偏向从原理图一路到制板的完整流程，上手更重。legacy-circuit-mockups 反过来，只做草图这一件事，反而更轻、更专注，适合规划阶段快速试错。
但隐藏的暗坑也得讲。一旦你用的元件不在它的清单内，比如某些冷门传感器或非标准封装，技能就帮不上忙了。它吃的是已知引脚定义加标准面包板惯例，超出这个范围得自己补参考文件。
还有一点想吐槽：它的定位是画草图，但名字里的 legacy 和 mockups 其实暗示了它更适合复古、教学场景，不太适合做现代高密度 PCB 设计。真要做正经板子，还是得回 KiCad 或 EasyEDA。把它当动手前的头脑体操最合适。
顺带提一句，纯靠 Canvas 画的交互性是有上限的。它能画、能标颜色、能分步展示，但做不到点击元件就弹出实时参数仿真。如果你想边画边验证电气特性，这个技能满足不了，得配合真正的仿真器。
资源地址
总结
如果你正打算搭一台 6502 电脑，或者要给电子社团做几节 555、逻辑门的入门课，legacy-circuit-mockups 值得装。它把先画清楚再插线这件事做到了又轻又准，组件库和计算公式都是为这个场景量身定制的。
但请记住它的边界。它是草图工具，不是 EDA，也不是仿真器。引脚超出内置清单、需要做电气验证、或者要画现代高密度板子时，它都会让你失望。把它放在动手前的规划阶段用，价值最大。
这个判断会随技能后续版本变化，比如它若开始支持自定义元件库，那适用面会宽不少。工具类的结论向来有时效，建议你以当前文档为准，按需取用。