wireframe-sketch

name	wireframe-sketch
description	Installiert aus nexu-io/open-design: erzeugt eine bewusst lo-fi, handgezeichnete Exploration mit Graph-Paper, Marker-Notizen und Varianten. Fuer Logoarbeit eignet sich das als fruehes Konzeptblatt, Richtungsboard oder Symbol-Exploration vor dem Feinschliff. Verwenden bei wireframe, sketch wireframe, hand drawn, low fidelity, whiteboard sketch, concept sheet.
argument-hint	Beschreibe die fruehen Konzeptvarianten oder Richtungsboards, die locker und absichtlich unfertig exploriert werden sollen.

Progressive Disclosure

Level 1 - Metadata (Auto-Loaded)

The YAML frontmatter keys name and description are the discovery signal loaded automatically.

Level 2 - Full Instructions

The remaining SKILL.md body is the complete skill guidance and is loaded on demand.

Level 3 - Referenced Supporting Files

• None.

Wireframe Sketch

Quelle: adaptiert aus nexu-io/open-design, Skill wireframe-sketch.

Nutze diese Skill, wenn sichtbar etwas Fruehes gezeigt werden soll, ohne schon so zu tun, als sei das Design fest. Fuer Logo- und Markenarbeit ist das die Phase fuer Gesten, Silhouetten, Kompositionsideen und Richtungsskizzen.

Workflow

1. High fidelity bewusst ignorieren

Wenn vorhandene Designregeln zu fertig wirken, lockere sie bewusst auf. Diese Skill soll skizzenhaft bleiben.

2. Varianten waehlen

Lege 3 bis 5 Varianten oder Richtungen fest.

Beispiele:

• geometric
• editorial
• brutalist
• monogram
• icon plus wordmark

Eine Variante darf als aktiv markiert sein, die anderen bleiben Alternativen.

3. Layout bauen

Nutze moeglichst viele dieser Elemente:

• graph-paper Hintergrund
• leicht rotierte Boxen und Linien
• Marker- oder Pencil-Anmutung
• kleine Klebezettel mit Kommentaren
• grobe Notizen, Pfeile und Hervorhebungen
• mehrere Varianten in einem Board

Fuer Logo-Arbeit besonders passend:

• Silhouetten-Cluster
• Monogramm-Skizzen
• Negativraum-Ideen
• Wortmarkenbreiten und Achsen
• kleine Anwendungs-Skizzen, etwa Favicon, App-Icon oder Stempel

4. Absichtlich unfertig halten

Das Ergebnis soll nach Designer-Whiteboard aussehen, nicht nach fertiger Brand Guideline.

5. Kurz selbst pruefen

• Sieht es bewusst roh aus?
• Sind mehrere Richtungen sichtbar?
• Helfen Notizen und Markierungen beim Vergleichen?
• Ist mindestens eine nachvollziehbare Entscheidungshypothese erkennbar?

Harte Regeln

• Nicht pixelperfekt rendern.
• Keine sterile Hochglanzoptik.
• Varianten muessen klar voneinander unterscheidbar sein.
• Der Wert liegt in frueher Sichtbarkeit und Diskussion, nicht in finaler Politur.