wireframing · seb1n/awesome-ai-agent-skills

Create text-based wireframes for UI screens

Generates low-, mid-, and high-fidelity text wireframes with component inventories, spacing values, and interaction notes for a screen. Useful when planning a UI layout before handing it to a designer or developer for detailed visual design.

Good for

  • Sketch a low-fidelity layout for a new app screen
  • Define a component inventory before visual design
  • Specify responsive breakpoint behavior for a webpage
Category
Design

Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.

A good place to start

Create a mid-fidelity wireframe for the checkout screen on mobile, including component inventory and interaction notes.

Make your next great thing.

Bring a question, a file, or an idea that’s not quite there yet.