Logo
Agent Skills Guide

UI Wireframing

published 2026/01/23

This skill should be used when the user asks to "create a wireframe", "design a layout", "plan UI structure", "sketch component layout", "create WIREFRAME.md", "mobile-first wireframe", or mentions ASCII wireframes, layout planning, or UI structure before implementation. Provides mobile-first ASCII wireframe methodology for visualizing layouts before code.

📦 Install Skill

Command line install

Install directly with the `skills` CLI.

npx skills add constellos/claude-code-plugins/plugins/nextjs-supabase-ai-sdk-dev/skills/ui-wireframing

Local download

Download only this skill directory.

Download UI Wireframing only
File Explorer
0 files
No file selected
readonly

Select a file to view its content

Resources