vignelli

Evaluate visual renderings against Massimo Vignelli's design principles.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill evaluates design clarity by applying Massimo Vignelli's principles of restraint, grid consistency, color economy, and systematic limitation.

Core Features & Use Cases

  • Design Clarity Assessment: Evaluate whether a design achieves clarity through disciplined limitation.
  • Type Discipline: Assess the number of type sizes used and their consistency.
  • Grid Consistency: Evaluate the layout's adherence to a mathematical structure.
  • Color Restraint: Analyze the color usage for systematic application and meaning.
  • Systematic Hierarchy: Determine the clarity and consistency of information ranking.
  • Overall Clarity: Determine if the design feels inevitable or merely minimal.

Quick Start

Use the /vignelli command to evaluate a design.

Frequently Asked Questions about vignelli

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

FAQPage Schema
How do I evaluate design clarity in a screenshot using grid layout and type hierarchy?

To evaluate design clarity, this Skill analyzes your screenshots against Vignelli principles, checking type discipline, grid consistency, color restraint, and systematic hierarchy to determine if the layout achieves disciplined limitation.

What are Vignelli principles for assessing type discipline and color restraint?

Vignelli principles assess type discipline by counting type sizes for consistency, and color restraint by analyzing color usage for systematic application and meaning, ensuring visual clarity through mathematical structure and systematic limitation.

Can I assess grid consistency and systematic hierarchy without modifying my design files?

Yes, you can assess grid consistency and systematic hierarchy without file modifications. This Skill reads your screenshots and reference material directly, diagnosing visual renderings without applying any changes to your original files.

Does design evaluation using Vignelli principles work for analyzing minimal layouts?

Design evaluation using Vignelli principles works for minimal layouts by distinguishing whether the design feels truly inevitable or merely minimal, analyzing visual structure against strict criteria of color economy and systematic limitation.

What is the best way to diagnose visual clarity issues in a grid layout?

The best way to diagnose visual clarity issues is to use the /vignelli command on your design screenshots. It evaluates visual renderings against criteria of type discipline, grid consistency, and systematic hierarchy to pinpoint clarity flaws.

When should I not use a design evaluation tool for type hierarchy assessment?

You should not use this design evaluation tool if you need automated file corrections or code generation, as it strictly reads screenshots to provide diagnostic clarity assessments based on Vignelli principles without applying changes.