skills.rest
Genuineh
GenuinehCOMMUNITY
Explore all skills by this author →
GitHub

product-principles

Explain core product design principles with examples for UI/UX contexts.

Updated Mar 2, 2026
Search Tags:#typography#user experience#product design#design principles#aesthetics#visual hierarchy
One-click install
npx skills add https://github.com/Genuineh/fus --skill product-principles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-principles
Source: https://github.com/Genuineh/fus/tree/main/skills/product-principles
Command: npx skills add https://github.com/Genuineh/fus --skill product-principles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive guide to product design principles, aesthetic philosophies, and practical application, helping you create more effective and user-centered products.

Core Features & Use Cases

  • Universal Design Principles: Understand and apply core concepts like Simplicity, Consistency, and Accessibility.
  • Aesthetic Philosophy: Explore different design styles (Minimalism, Material Design, etc.) and their appropriate use cases.
  • Visual Hierarchy & Typography: Learn to structure information effectively and choose appropriate fonts.
  • Spacing & Form Follows Function: Implement consistent spacing systems and ensure every element serves a purpose.
  • Use Case: A product designer can use this Skill to quickly reference best practices for visual hierarchy and color psychology when designing a new user interface.

Quick Start

Explain the core principles of product design and provide examples of each.

Frequently Asked Questions about product-principles

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

FAQPage Schema
What are the universal product design principles for user-centered digital products?▼

Universal product design principles focus on simplicity, consistency, and accessibility to create user-centered digital products. Applying these core concepts ensures aesthetically cohesive interfaces that effectively serve user needs and behaviors.

How do I apply visual hierarchy and typography to structure UI information effectively?▼

Visual hierarchy and typography structure UI information by guiding the user's eye through strategic font choices and layout. Implementing these design principles helps create clear, digestible, and aesthetically cohesive digital product interfaces.

How do I create a consistent spacing system for UI elements?▼

Create a consistent spacing system by standardizing the distances between UI elements to ensure form follows function. This product design approach guarantees every visual element serves a specific purpose within the user interface.

When should I use minimalism versus material design for my product aesthetics?▼

Choose minimalism for focused, distraction-free product aesthetics, or material design when you need realistic tactile cues and consistent visual hierarchy. Selecting the appropriate aesthetic philosophy depends on your specific user experience goals.

Do I need prior design theory knowledge to use these product design principles?▼

Yes, applying these product design principles requires an existing understanding of design theory and UI/UX contexts. This foundational knowledge is necessary to effectively implement visual hierarchy, typography, and spacing systems in digital products.

Related Skills

Explore More Design & Creative Skills→
tasteskilltasteskill
130

design-taste-frontend

Generate UI/UX designs with configurable design variance and interactive states.

Community
Advanced
connoradsconnorads
15

frontend-design

Generate production-ready HTML, CSS, and JavaScript frontend interfaces from design briefs.

Community
Basic
booklib-aibooklib-ai
35

refactoring-ui

Apply Refactoring UI principles to improve visual hierarchy in UI designs.

Official
Intermediate
shirulotshirulot

Color Palette Generator

Generate WCAG-compliant color palettes with contrast ratio calculations.

Community
Intermediate