[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"tag-articles-Claude Web":3},[4],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":16},"Claude CodeとClaude Webを組み合わせてSVG状態遷移図を作った話","UIの色ルールを説明する状態遷移図をSVGで作成。Claude Codeだけでは難しかった部分をClaude Webの図解能力で補完し、最終的にインタラクティブなVueコンポーネントに仕上げた過程を記録","/svg-state-diagram-with-claude",[9,10,11,12,13,14],"Claude Code","Claude Web","SVG","Vue","状態遷移図","デザインシステム","2026-01-23T00:00:00.000Z",null,1781076300220]