authentic-product-representation

Review product visuals for truthful representation of real interfaces and data.

33|6|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/dembrandt/dembrandt-skills --skill authentic-product-representation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: authentic-product-representation
Source: https://github.com/dembrandt/dembrandt-skills/tree/main/skills/authentic-product-representation
Command: npx skills add https://github.com/dembrandt/dembrandt-skills --skill authentic-product-representation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents fabricated, misleading, or overly stylized product visuals from undermining user trust. It ensures that landing-page heroes, screenshots, demos, and marketing panels accurately represent the real product, its content, and its capabilities.

Core Features & Use Cases

  • Realistic Product Content: Replace lorem ipsum, invented data, and idealized examples with realistic names, numbers, lengths, and edge cases.
  • Faithful Product Output: Mirror the actual structure, labels, ordering, formatting, truncation, and rendering of reports, dashboards, charts, editors, and other product outputs.
  • Truthful Marketing Visuals: Remove fabricated dashboards, decorative terminals, unsupported capabilities, misleading metrics, and AI-generated visual chrome from product representations.
  • Use Case: When creating a SaaS landing page hero, use the real product schema and renderer to show credible data, accurate states, and capabilities that visitors can actually use.

Quick Start

Use the authentic product representation skill to review this landing-page visual and replace any fabricated content, misleading claims, or decorative UI with a truthful representation of the real product.

Frequently Asked Questions about authentic-product-representation

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

FAQPage Schema
How do I make product screenshots on my landing page look realistic instead of fabricated?

To make product screenshots realistic, replace lorem ipsum and idealized examples with schema-based content, accurate labels, and truthful metrics that faithfully render the actual interface. This ensures your landing page visuals represent real capabilities.

What is authentic product representation for marketing visuals?

Authentic product representation is the process of ensuring marketing visuals accurately depict real interfaces, content, data, and capabilities. It replaces misleading mockups and decorative UI with truthful rendering of actual product schemas and outputs.

How do I show empty, loading, and error states in SaaS landing page heroes?

To show empty, loading, and error states in SaaS landing page heroes, apply schema-based content generation that covers edge cases and overflow states. This provides a complete, truthful representation of your product's actual user interface behavior.

Why do my dashboard visuals lack UI credibility compared to the real product?

Dashboard visuals lack UI credibility when they use invented data, decorative terminals, or misleading metrics that do not mirror the actual product structure. Restoring credibility requires faithful rendering of real ordering, formatting, and truncation.

Does this approach work for visualizing demo panels and generated report files?

Yes, this approach works for demo panels and generated report files by ensuring faithful product output. It mirrors the actual structure, labels, ordering, and formatting of real product outputs instead of displaying fabricated or overly stylized marketing mockups.