Create or reconstruct reusable component semantics and product interaction/page patterns for Agent-assisted design. Use this skill when a team needs COMPONENTS.md, PATTERNS.md, component usage rules, state requirements, pattern semantics, or a normalized inventory from existing Figma/code/UI. Use it after product/domain context and visual roles are sufficiently stable. Do not use it merely to restyle components, build callable page templates, or implement a single page.
