소개
UI Wireframing is a specialized Claude Code skill that streamlines the initial phase of frontend development by creating structured ASCII-based wireframes. It guides users through a mobile-first design process, generating detailed WIREFRAME.md files that document component hierarchies, responsive layouts across breakpoints (mobile, tablet, desktop), and interactive behaviors. By defining the UI structure and data requirements before implementation, this skill ensures alignment on design patterns, improves component organization, and identifies accessibility needs early in the development lifecycle.
