[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"note-\u002Fnotes\u002F2026-10-16-my-newest-speed-setup":3},{"id":4,"title":5,"body":6,"date":57,"description":58,"draft":59,"extension":60,"image":61,"meta":62,"navigation":63,"path":64,"pillar":65,"seo":66,"stem":67,"tool":59,"__hash__":68},"notes\u002Fnotes\u002F2026-10-16-my-newest-speed-setup.md","My newest speed setup",{"type":7,"value":8,"toc":53},"minimark",[9,21,24,40,43],[10,11,12,13,20],"p",{},"My setup changed a bit. I now work with Claude Code in VS Code, and probably my newest discovery is\n",[14,15,19],"a",{"href":16,"rel":17},"https:\u002F\u002Fgithub.com\u002Fobra\u002Fsuperpowers",[18],"nofollow","Superpowers",". I mostly use the writing-plans skill and then let\nit develop subagent-driven in separate worktrees. That way three to four tickets get coded in\nparallel. It uses a lot of tokens, but I find the output really promising.",[10,22,23],{},"To keep the UI consistent, I rely on Storybook and run visual regression tests. On top of that, the\nCLAUDE.md states that every new component must have a story. This works quite well for me and helps\nme avoid unintended UI changes.",[25,26,27,28,27,36],"figure",{},"\n  ",[29,30],"img",{"src":31,"alt":32,"width":33,"height":34,"loading":35},"\u002Fimages\u002Fnotes\u002Fnewest-speed-setup\u002Fvisual-regression-diff.png","A failed Playwright toHaveScreenshot check: 0.01 of the pixels differ, with the actual and expected screenshots of an invite dialog side by side",1400,1366,"lazy",[37,38,39],"figcaption",{},"A visual regression test catching a change in a story before it ships.",[10,41,42],{},"I first created the wireframes in Claude Design, based on the specs I had at the start of the\nproject. Once that was sorted, I had a small, simple design system created — it lives in Storybook\ntoo, along with the design tokens. New components are now built directly in Claude Code using the\ntokens that are available.",[25,44,27,45,27,50],{},[29,46],{"src":47,"alt":48,"width":33,"height":49,"loading":35},"\u002Fimages\u002Fnotes\u002Fnewest-speed-setup\u002Fdesign-tokens.png","The design tokens page in Storybook: colour swatches for ink, muted, line, surface, surface-hover, ok, warn, bad, white and black, each with its hex value and usage count",1183,[37,51,52],{},"The colour tokens in Storybook, with how often each one is used.",{"title":54,"searchDepth":55,"depth":55,"links":56},"",3,[],"2026-10-16","Superpowers plans, subagents in parallel worktrees, and Storybook with visual regression tests to keep the UI in check.",false,"md",null,{},true,"\u002Fnotes\u002F2026-10-16-my-newest-speed-setup","BUILDING WITH AI",{"title":5,"description":58},"notes\u002F2026-10-16-my-newest-speed-setup","knpDBSJ9zdO5N1e5MMLJ9OQelM-JmPr43x56YSMI3lM",1792666225713]