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
- Source repository
- seb1n/awesome-ai-agent-skills
- 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.