[{"data":1,"prerenderedAt":121},["ShallowReactive",2],{"cycle-doc-design-c122-artboards-prompt.md":3},{"cycle":4,"project":7,"path":10,"title":11,"toc":12,"ast":13},{"id":5,"title":6},"c122","Early-Stage Documentation",{"id":8,"label":9},"design","Design","artboards-prompt.md","c122 — Illustrator artboards (2026-10-23)",[],{"type":14,"children":15},"root",[16,46,55,60,68,113],{"type":17,"tag":18,"props":19,"children":20},"element","p",{},[21,24,36,38,44],{"type":22,"value":23},"text","Mark's prompt, verbatim. Produced: ",{"type":17,"tag":25,"props":26,"children":28},"a",{"href":27},"\u002Fcycles\u002Fdesign\u002Fc122\u002Fdoc\u002Fartboards-plan",[29],{"type":17,"tag":30,"props":31,"children":33},"code",{"className":32},[],[34],{"type":22,"value":35},"artboards-plan.md",{"type":22,"value":37},", from a probe of 15 drive ",{"type":17,"tag":30,"props":39,"children":41},{"className":40},[],[42],{"type":22,"value":43},".ai",{"type":22,"value":45}," files.",{"type":17,"tag":47,"props":48,"children":49},"blockquote",{},[50],{"type":17,"tag":18,"props":51,"children":52},{},[53],{"type":22,"value":54},"with illustrator files, they tend to have multiple pages per file. Often the pages are quick iterations horizontally. Let's create a plan for documenting the contents of the illustrator files, not just their previews. Each page becomes a png? then we can show sequences by stitching pngs together. This will add to our page evolution content.",{"type":17,"tag":18,"props":56,"children":57},{},[58],{"type":22,"value":59},"Follow-up, mid-plan (verbatim), which moved sequencing from automatic to manual tagging:",{"type":17,"tag":47,"props":61,"children":62},{},[63],{"type":17,"tag":18,"props":64,"children":65},{},[66],{"type":22,"value":67},"it will be difficult to derive that yourself, I think we would want to stitch these sort of things together manually in post. Tagging?",{"type":17,"tag":18,"props":69,"children":70},{},[71,73,79,81,87,89,95,97,103,105,111],{"type":22,"value":72},"Steps 1–2 (verbatim). Produced: ",{"type":17,"tag":30,"props":74,"children":76},{"className":75},[],[77],{"type":22,"value":78},"scripts\u002Fdrive-artboards.mjs",{"type":22,"value":80}," (",{"type":17,"tag":30,"props":82,"children":84},{"className":83},[],[85],{"type":22,"value":86},"npm run drive-artboards",{"type":22,"value":88},"), ",{"type":17,"tag":30,"props":90,"children":92},{"className":91},[],[93],{"type":22,"value":94},"server\u002Fdata\u002Fdrive-artboards.json",{"type":22,"value":96},", ",{"type":17,"tag":30,"props":98,"children":100},{"className":99},[],[101],{"type":22,"value":102},"public\u002Flibrary\u002Fartboards\u002F",{"type":22,"value":104},", and the canvas map on ",{"type":17,"tag":30,"props":106,"children":108},{"className":107},[],[109],{"type":22,"value":110},"\u002Flibrary",{"type":22,"value":112},":",{"type":17,"tag":47,"props":114,"children":115},{},[116],{"type":17,"tag":18,"props":117,"children":118},{},[119],{"type":22,"value":120},"Start step 1 of the artboards plan with the 1,200 px + 320 px default: extract every artboard from the drive's .ai files, then build the canvas map on \u002Flibrary.",1794599403910]