Skills
.Work. You
Rest

wireframes

Community

Plan SaaS pages with precise wireframes

Design & Creative#design#layout#prototyping#interaction#wireframes#saas#information-architecture
Authorlucaspedrozaem
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Wireframes help teams plan page layouts, information architecture, and interaction patterns before visual design or implementation, reducing back-and-forth and speeding up delivery.

Core Features & Use Cases

  • Create lo-fi and hi-fi wireframes with annotations for interactions and responsive behavior.
  • Define content blocks, navigation, and layout for dashboards, settings, onboarding, pricing, and other SaaS pages.
  • Use ASCII or visual tools to communicate structure to stakeholders and engineers.

Quick Start

Create a lo-fi wireframe for a SaaS settings page and annotate the primary actions and responsive behavior.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wireframes
Download link: https://github.com/lucaspedrozaem/saasskills/archive/main.zip#wireframes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.