[{"data":1,"prerenderedAt":225},["ShallowReactive",2],{"$fY1bBJTbGK535awPOvxB-Crc-9iGfG48XEQaWPeZFGkM":3},{"newThing":4,"project":5,"cycle":8,"sections":19,"threads":200,"otherDocs":201,"images":202,"archiveItems":223,"links":224},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":4,"status":14,"statusNote":4,"created":15,"completed":4,"mode":4,"recordless":16,"thumbnail":17,"imageCount":10,"artifactCount":18,"lastActivity":15,"hasPickup":16,"hasInitialPrompt":16},"c6",6,"c6.app-patterns","app-patterns","App Pattern Extraction + Discovery Tooling","archived","2026-09-11",false,"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app.png",0,[20,45,64,94,178],{"key":21,"title":22,"empty":16,"ast":23},"why","Why",{"type":24,"children":25},"root",[26],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31,34,43],{"type":32,"value":33},"text","c4 extracted components from ",{"type":27,"tag":35,"props":36,"children":40},"a",{"href":37,"rel":38},"http:\u002F\u002Fwww.qpoint.io",[39],"nofollow",[41],{"type":32,"value":42},"www.qpoint.io",{"type":32,"value":44},", c5 documented marketing patterns on \u002Fpatterns. But the product app (app.qpoint.io) has 10+ functional compositional patterns used across 20+ pages — none were captured. We also lacked a repeatable way to discover patterns in sister projects.",{"key":46,"title":47,"empty":16,"ast":48},"objective","Objective",{"type":24,"children":49},[50],{"type":27,"tag":28,"props":51,"children":52},{},[53,55,62],{"type":32,"value":54},"Build a ",{"type":27,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":32,"value":61},"\u002Fscan-patterns",{"type":32,"value":63}," skill for systematic pattern discovery, then use it to extract the top app.qpoint.io compositional patterns into the design site's \u002Fpatterns page.",{"key":65,"title":66,"empty":16,"ast":67},"scope","Scope",{"type":24,"children":68},[69],{"type":27,"tag":70,"props":71,"children":72},"ul",{},[73,84,89],{"type":27,"tag":74,"props":75,"children":76},"li",{},[77,82],{"type":27,"tag":56,"props":78,"children":80},{"className":79},[],[81],{"type":32,"value":61},{"type":32,"value":83}," skill — reads pages from a sister project, identifies layer component compositions, outputs candidate patterns",{"type":27,"tag":74,"props":85,"children":86},{},[87],{"type":32,"value":88},"4 app patterns added to \u002Fpatterns page: Form Layout, Managed List, Modal Picker, Metric Dashboard",{"type":27,"tag":74,"props":90,"children":91},{},[92],{"type":32,"value":93},"No new component documentation needed — all prerequisites were already documented",{"key":95,"title":96,"empty":16,"ast":97},"key-changes","Key Changes",{"type":24,"children":98},[99],{"type":27,"tag":100,"props":101,"children":102},"table",{},[103,122],{"type":27,"tag":104,"props":105,"children":106},"thead",{},[107],{"type":27,"tag":108,"props":109,"children":110},"tr",{},[111,117],{"type":27,"tag":112,"props":113,"children":114},"th",{},[115],{"type":32,"value":116},"File",{"type":27,"tag":112,"props":118,"children":119},{},[120],{"type":32,"value":121},"Change",{"type":27,"tag":123,"props":124,"children":125},"tbody",{},[126,144,161],{"type":27,"tag":108,"props":127,"children":128},{},[129,139],{"type":27,"tag":130,"props":131,"children":132},"td",{},[133],{"type":27,"tag":56,"props":134,"children":136},{"className":135},[],[137],{"type":32,"value":138},".claude\u002Fcommands\u002Fscan-patterns.md",{"type":27,"tag":130,"props":140,"children":141},{},[142],{"type":32,"value":143},"Created — pattern discovery skill",{"type":27,"tag":108,"props":145,"children":146},{},[147,156],{"type":27,"tag":130,"props":148,"children":149},{},[150],{"type":27,"tag":56,"props":151,"children":153},{"className":152},[],[154],{"type":32,"value":155},"app\u002Fpages\u002Fpatterns.vue",{"type":27,"tag":130,"props":157,"children":158},{},[159],{"type":32,"value":160},"Added 4 app pattern cards with live demos and copyable code",{"type":27,"tag":108,"props":162,"children":163},{},[164,173],{"type":27,"tag":130,"props":165,"children":166},{},[167],{"type":27,"tag":56,"props":168,"children":170},{"className":169},[],[171],{"type":32,"value":172},"cycles\u002Fc6.app-patterns\u002FCYCLE.md",{"type":27,"tag":130,"props":174,"children":175},{},[176],{"type":32,"value":177},"This file",{"key":179,"title":180,"empty":16,"ast":181},"outcome","Outcome",{"type":24,"children":182},[183,195],{"type":27,"tag":28,"props":184,"children":185},{},[186,188,193],{"type":32,"value":187},"The \u002Fpatterns page now covers both marketing patterns (Feature Grid, Process Steps, Section Template) and app patterns (Form Layout, Managed List, Modal Picker, Metric Dashboard). The ",{"type":27,"tag":56,"props":189,"children":191},{"className":190},[],[192],{"type":32,"value":61},{"type":32,"value":194}," skill can be reused to discover patterns in any sister project.",{"type":27,"tag":28,"props":196,"children":197},{},[198],{"type":32,"value":199},"Patterns deferred: Sortable Data Table (too coupled to app-specific sort metric objects for a clean demo — better suited for a future cycle).",[],[],[203,206,210,213,216,219],{"src":17,"kind":204,"order":205},"hero",4999,{"src":207,"kind":208,"order":209},"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app-2.png","slice",2,{"src":211,"kind":208,"order":212},"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app-3.png",3,{"src":214,"kind":208,"order":215},"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app-4.png",4,{"src":217,"kind":208,"order":218},"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app-5.png",5,{"src":220,"kind":221,"order":222},"\u002Fcycles\u002Fdesign\u002Fc6-patterns-app-full.png","full",9000,[],[],1789151091752]