skills.rest
VedaAstro
VedaAstroCOMMUNITY
Explore all skills by this author →
GitHub

veda-product-design

Translate perception principles into concrete layout and content decisions for product screens.

Updated Feb 17, 2026
Search Tags:#product design#information architecture#cognitive load#gestalt#dashboard design#ui heuristics
One-click install
npx skills add https://github.com/VedaAstro/veda-skills --skill veda-product-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: veda-product-design
Source: https://github.com/VedaAstro/veda-skills/tree/main/veda-product-design
Command: npx skills add https://github.com/VedaAstro/veda-skills --skill veda-product-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill turns UX intuition into explicit product-design rules grounded in perception science, helping you reduce cognitive load and make interfaces easier to scan, understand, and trust.

Core Features & Use Cases

  • Perception-to-layout reasoning: Uses Gestalt principles, visual hierarchy, and pre-attentive processing to decide what should be grouped, emphasized, or separated.
  • Screen critique for complex products: Reviews dashboards, tables, chart overviews, and multi-mode interfaces to spot dead space, duplication, weak hierarchy, and poor scan patterns.
  • Simple vs Pro guidance: Helps design separate experiences for novice and expert users with progressive disclosure, contextual labels, and task-appropriate density.
  • Example: Use it to redesign an analytics dashboard so the chart becomes the anchor, supporting facts sit nearby, and tables are oriented for fast comparison.

Quick Start

Analyze this product screen and tell me the top three design changes needed to lower cognitive load and improve scanability.

Frequently Asked Questions about veda-product-design

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

FAQPage Schema
How do I reduce cognitive load in dashboard design using perception science?▼

Reduce cognitive load by applying Gestalt principles to group related data, using pre-attentive processing for visual hierarchy, and orienting tables for scan patterns. This makes dashboards easier to scan, understand, and trust.

What is the best way to design simple vs pro interfaces for novice and expert users?▼

Design simple vs pro interfaces using progressive disclosure, contextual labels, and task-appropriate density. This separates workflows so novices avoid overwhelm while experts retain full functionality.

How do I critique a product screen to improve visual hierarchy and scanability?▼

Critique product screens by spotting weak visual hierarchy, dead space, duplication, and poor scan patterns. Translate perception principles into concrete layout changes that anchor charts and position supporting facts nearby.

When do I need progressive disclosure in complex UI design?▼

Use progressive disclosure in complex UI design when supporting both novice and expert users. It hides advanced controls until needed, lowering cognitive load while maintaining task-appropriate density for expert workflows.

Can UI heuristics and Gestalt principles fix poor table orientation in data overviews?▼

UI heuristics and Gestalt principles fix poor table orientation by enforcing scan-pattern-aware layouts and visual comparison cues. This structures data overview tables for fast scanning, consistent formatting, and reduced cognitive effort.

Related Skills

Explore More Design & Creative Skills→
ngochuy13ngochuy13

wireframe-helper

Create annotated ASCII wireframes for page layouts and responsive behavior.

Community
Basic
duggal1duggal1
2

arrange

Analyze UI layouts and apply spacing systems for consistent visual rhythm.

Community
Advanced
LogicPyLogicPy
8

visual-design-foundations

Provide typography, color, and spacing guidelines for consistent visual design.

Community
Advanced
ResgridResgrid
224

scalar

Generates browsable HTML documentation for .NET 10 APIs and handles customizable routing and theming options.

Official
Intermediate