---
title: "Wireframe Spec - Air Market"
description: "Before you start choosing colours and type, you need to agree what goes where and what matters most. This helps you write that down as a wireframe: content priority, where components sit, and notes e…"
canonical: "https://airmarket.ai/app/wireframe-spec"
---

[Air Market](/) / [Design](/category/design) / Wireframe Spec

Skill by [MC Dean](/@owl-listener)

# Wireframe Spec

Settle structure and priority before anything gets styled

## What this does

Before you start choosing colours and type, you need to agree what goes where and what matters most. This helps you write that down as a wireframe: content priority, where components sit, and notes explaining the layout. Reach for it at the point structure is still open. Grid mechanics are handled by a separate skill.

### Top 3 things it does for you

- Lay out where each component goes
- Rank what content matters most on the page
- Annotate a wireframe so others can read it

## Information

**Wireframe Spec at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [MC Dean](/@owl-listener) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 2 KB |
| Licence | MIT |
| Repository | [Owl-Listener/designer-skills](https://github.com/Owl-Listener/designer-skills/tree/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/prototyping-testing/skills/wireframe-spec) |
| GitHub stars | 2,144 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Wireframe Spec and flagged nothing. AIR's verdict: **safe**.

**What Wireframe Spec's check was run against**

|  |  |
| --- | --- |
| Commit | 20e34c4a587e5eb09fcdf8351fa97b3ad761b31e |
| Content hash | d8e979abfeb7462745318ec190be25c20b97ec96abe7a700a10083430a7b0ddc |
| Files read | [Browse the files at this exact commit](https://github.com/Owl-Listener/designer-skills/blob/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/prototyping-testing/skills/wireframe-spec/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Wireframe Spec](/security/wireframe-spec)

## About Wireframe Spec

This skill specifies wireframe layout: which content takes priority, where components are placed, and how the wireframe is annotated.

Use it when you are defining structure ahead of visual design. For grid mechanics it defers to the layout-grid skill.

## What's inside

- SKILL.md - instructions

## Questions

### Is Wireframe Spec safe to install?

AIR scanned this exact version of Wireframe Spec and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 20e34c4a587e, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/wireframe-spec.

### How do I install Wireframe Spec?

Open https://airmarket.ai/app/wireframe-spec on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/Owl-Listener/designer-skills/tree/20e34c4a587e5eb09fcdf8351fa97b3ad761b31e/prototyping-testing/skills/wireframe-spec. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by MC Dean](/@owl-listener)

---

Canonical URL: <https://airmarket.ai/app/wireframe-spec>
