materialist

Analyze rendered screenshots for structural integrity and material honesty in visual design.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a diagnostic tool to evaluate the structural honesty and materiality in design, ensuring designs are built rather than merely decorated.

Core Features & Use Cases

  • Structural Evaluation: Assesses if design elements like borders, rules, and spacing are structural or decorative.
  • Material Honesty: Evaluates the use of typography, color, and space for their structural qualities.
  • Form Content Relationship: Determines if the design form follows the content's needs or is imposed upon it.
  • Use Case: Use this Skill to analyze a website's design and ensure it is structurally sound and its materials are used honestly.

Quick Start

Analyze the design structure of the website at 'https://example.com' with the materialist lens.

Frequently Asked Questions about materialist

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

FAQPage Schema
How do I evaluate visual design for structural integrity and material honesty?

To evaluate visual design for structural integrity and material honesty, analyze rendered screenshots to assess construction visibility, structural clarity, material authenticity, and form-content alignment using a diagnostic materialist lens.

What is material honesty in website design?

Material honesty in website design is the practice of using typography, color, and space for their structural qualities rather than purely decorative purposes, ensuring that design materials are authentically represented in the rendered output.

How can I check if my design elements are structural or decorative?

You can check if design elements are structural or decorative by evaluating borders, rules, and spacing through visual content analysis, determining whether they provide genuine structural support or merely imposed decoration.

Does form follow content in my UI layout or is it imposed?

Determining whether form follows content in a UI layout requires analyzing the form-content relationship to see if the design form follows the content's needs or if arbitrary structure is imposed upon it.

Can I analyze a website's design structure from a URL?

Yes, you can analyze a website's design structure by providing the URL to generate structured feedback, which evaluates the site's rendered screenshots for structural soundness and authentic material usage.

When should I use a diagnostic tool for design evaluation?

You should use a diagnostic tool for design evaluation when you need to ensure designs are built rather than merely decorated, verifying that structural elements and materials are used honestly in the final visual output.