amvcp-wf-devices

You can frame wireframes in CSS device bezels by wrapping your `.wf-root` wireframe inside a `wf-frame` class such as `wf-frame--ios` or `wf-frame--macbook`, which applies pure-CSS hardware geometry for realistic mockup presentation.

The best way to present responsive wireframes across iOS, Android, and MacBook is using pure-CSS device bezel wrappers with baked-in dimensions and radii, ensuring visual fidelity and presentation clarity across different hardware contexts.

The `.wf-frame__content` region prevents nested scrollbars by enforcing a strict no-`overflow` rule, keeping wireframe screens scrollable at the page level while maintaining content-safe mounting inside the device frame.

Yes, you can use CSS device frames for wireframes below 460px because the frames include responsive breakpoint mapping and graceful degradation, ensuring the bezel and content remain usable across narrow phone widths.

Yes, you need screen and content composition compatible with amvcp wireframe archetypes, requiring a root SKILL.md-defined bezel wrapper using `.wf-frame__content` to ensure proper mounting and fixed-dark bezel behavior for physical devices.

You can customize CSS device bezel geometry by applying optional geometry overrides using `--wf-frame-*` tokens, allowing you to adjust dimensions and border budgets while maintaining error-proof invariants for your marketing mockups.