App Pattern Extraction + Discovery Tooling

c4 extracted components from www.qpoint.io, c5 documented marketing patterns on /patterns. 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.

Build a /scan-patterns skill for systematic pattern discovery, then use it to extract the top app.qpoint.io compositional patterns into the design site's /patterns page.

• /scan-patterns skill — reads pages from a sister project, identifies layer component compositions, outputs candidate patterns
• 4 app patterns added to /patterns page: Form Layout, Managed List, Modal Picker, Metric Dashboard
• No new component documentation needed — all prerequisites were already documented

The /patterns page now covers both marketing patterns (Feature Grid, Process Steps, Section Template) and app patterns (Form Layout, Managed List, Modal Picker, Metric Dashboard). The /scan-patterns skill can be reused to discover patterns in any sister project.

Patterns deferred: Sortable Data Table (too coupled to app-specific sort metric objects for a clean demo — better suited for a future cycle).