Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.
This skill empowers Claude to act as a seasoned UX designer, facilitating early-stage design exploration and stakeholder alignment through detailed wireframing. It provides guidance on creating information architectures, layout planning, and clear annotations to bridge the gap between conceptual design and developer handoff. By following industry best practices like mobile-first design and iterative prototyping, it helps teams validate user experiences and structural logic before moving into high-fidelity production.
주요 기능
01Detailed UI component annotations and specifications
02Mobile-first design strategy implementation
031 GitHub stars
04Low-fidelity ASCII wireframe generation
05Information architecture and layout planning guidance
06State-specific design documentation for hover, active, and error states
사용 사례
01Rapidly sketching UI concepts for early stakeholder feedback
02Creating technical documentation for frontend developer handoffs
03Mapping out complex user flows and information hierarchies
