Skills
.Work. You
Rest

ui-wireframes

Community

Turn UI ideas into wireframe specs fast.

Design & Creative#ui#mermaid#wireframes#mockups#ascii#screen-layout
AuthorVivekmano27
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create clear, consumable UI wireframes and specifications so design and engineering teams can align and implement frontend faster.

Core Features & Use Cases

  • Wireframes & Screen Layouts: Generate ASCII/diagram-based wireframes and layout templates for common app screens.
  • Navigation Flows & Components: Define navigation maps and per-screen components to guide UI construction.
  • Use Case: When starting a new feature, produce a ready-to-implement wireframe spec that frontend engineers can translate into code.

Quick Start

Ask the AI to generate a starter wireframe for the login screen.

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: ui-wireframes
Download link: https://github.com/Vivekmano27/agent-orchestrator/archive/main.zip#ui-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.