Individual skill

technical-wireframe-info-layout

Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.

agent-skills/web-design/technical-wireframe-info-layout/SKILL.md

Read pinned source

Source commit 5ea1661a0e05d82b054553daaa6baf6d0233c33c

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 7,368
Repository last updated: Nov 8, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 4,272 bytes
demo/PROMPT.mddoc · 3,472 bytes
demo/assets/page-01-fa51902b-c2a4-4c33-a96e-a8f1ef67edc6-1600w.jpgasset · 47,486 bytes
demo/assets/source-preview.jpgasset · 49,327 bytes
demo/index.htmlasset · 45,410 bytes
demo/preview.jpgasset · 56,203 bytes
demo/source.jsonasset · 2,951 bytes

Read excerpt


# Technical Wireframe Info Layout Skill

## Use When
- Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.

## Workflow

## Scope
- Apply this as a full design-system direction across layout, typography, info labels, widgets, background structure, and the central visualization area.
- Use it when the interface should feel like a dark technical diagnostic view, product teardown, systems dashboard, or wireframe specification screen.
- This is not generic sci-fi decoration. The wireframe object, annotations, labels, and supporting UI should all feel like one coherent information layout.

## Visual target
- Build the page on a near-black monochrome foundation with subtle texture, low-contrast patterning, and very restrained tonal shifts.