spiekermann

Evaluate rendered visual designs for typography craftsmanship and hierarchy.

Updated Mar 4, 2026
One-click install
npx skills add https://github.com/PeterSalvato/formwork --skill spiekermann
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: spiekermann
Source: https://github.com/PeterSalvato/formwork/tree/main/skills/lenses/spiekermann
Command: npx skills add https://github.com/PeterSalvato/formwork --skill spiekermann

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users evaluate the typography craft in visual designs, focusing on spacing, hierarchy, and micro-details.

Core Features & Use Cases

  • Typography Craft Evaluation: Offers diagnostic feedback on the craftsmanship of typography, including spacing, hierarchy, and pairing.
  • Screen Analysis: Evaluates rendered designs, ensuring consistent spacing, appropriate line-height, harmonious font pairing, readable hierarchy, and attention to micro-details.
  • Quick Assessment: Use /spiekermann to evaluate screenshots of design elements.

Quick Start

To use the Spiekermann lens, execute: /spiekermann

Frequently Asked Questions about spiekermann

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I evaluate typography craftsmanship in a visual design screenshot?

Run a diagnostic analysis on your rendered design screenshot to assess typography craftsmanship, including spacing, rhythm, hierarchy, and font pairing. The evaluation operates entirely on the visual output, bypassing the need for source code.

What is typography evaluation and how does it check spacing and hierarchy?

Typography evaluation analyzes rendered visual designs to check spacing consistency, line-height, readable hierarchy, and micro-details. It uses visual cues and explicit criteria to diagnose the craftsmanship present in the design output.

Can I review font pairing and line-height without providing source code?

Yes, you can review font pairing and line-height without source code because the evaluation operates strictly on the visual output of a design. You simply provide a screenshot of the design element for screen analysis.

What's the best way to run a quick assessment of micro-details in my design?

The best way to run a quick assessment is to execute the designated command on a screenshot of your design element. This triggers a screen analysis that evaluates attention to micro-details, spacing, and rhythm.

Does this typography evaluation work on source code or only rendered screens?

This typography evaluation works only on rendered screens and visual outputs, not on source code. It operates by utilizing visual cues and explicit criteria to diagnose the craftsmanship of the rendered design.