SECURITY REVIEW
Not yet assessed
Review the original instructions and requested permissions before installing.
No security review is available for this catalog entry yet.
Design / AGENT SKILL
wireframe-sketch
0
Creates low-fidelity, hand-drawn concept explorations with graph paper, marker notes, and variants.
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.
Understand the trade-offs.
SKILL QUALITY
Not yet assessed
How clearly the skill guides your agent, how complete its workflow is, and how you can check the outcome.
No quality assessment is available for this catalog entry yet.
The full skill.
Original instructions from the publisher’s SKILL.md
## 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.