skills.rest
Mattyreed1
Mattyreed1COMMUNITY
Explore all skills by this author →
GitHub

design-principles

Apply design principles to guide interface development and critique.

1|Updated Jun 16, 2026
Search Tags:#design#prototyping#usability#product#ux#interface
One-click install
npx skills add https://github.com/Mattyreed1/fractal-agent-skills --skill design-principles-mattyreed1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-principles
Source: https://github.com/Mattyreed1/fractal-agent-skills/tree/main/design-principles
Command: npx skills add https://github.com/Mattyreed1/fractal-agent-skills --skill design-principles-mattyreed1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of inconsistent, data-heavy, or non-actionable product design by providing a structured, opinionated framework for building and critiquing user interfaces.

Core Features & Use Cases

  • Decision Lens: Apply the Prime Directives and UX principles to guide feature prioritization and screen layout.
  • Review Checklist: Use the structured criteria to critique prototypes, dashboards, and user flows for usability and aesthetic-usability alignment.
  • Use Case: When designing a new dashboard, use this skill to ensure every data visualization is paired with a primary action and follows the progressive disclosure model.

Quick Start

Apply our design principles to review the current user flow for the onboarding dashboard and suggest improvements.

Frequently Asked Questions about design-principles

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

FAQPage Schema
How do I apply progressive disclosure to dashboard and data visualization design?▼

Action-first UX design prioritizes primary actions alongside data visualization, ensuring every dashboard element drives user behavior. This approach pairs data with clear actionable steps, reducing cognitive load and improving interface usability.

What is the best way to ensure consistent mental model alignment in user flows?▼

To critique a prototype for usability, apply a structured review checklist evaluating user flows, action-first interface elements, and mental model alignment. This framework identifies inconsistencies between aesthetics and functional usability across the product design.

Can I use this framework to review onboarding flows and in-product education?▼

This UX design framework applies to the entire product lifecycle including research, prototyping, data visualization, and in-product education. It provides structured criteria to guide interface development and critique at every stage of product design.

What is a professional constitution for UX and product development?▼

Data-heavy product design often fails to be actionable because it lacks a structured framework pairing data visualization with primary actions. Without action-first UX and progressive disclosure, interfaces become inconsistent and non-actionable for users.

Related Skills

Explore More Design & Creative Skills→
QuestNova502QuestNova502
4

ux-researcher-designer

Generate data-driven personas from user research files via persona_generator.py script.

Community
Intermediate
blakeoxblakeox

product-design-review

Analyze product interfaces and user flows for usability and visual design deficiencies.

Community
Intermediate
Devvraj10Devvraj10

artifacts

Create mockups, data visualizations, and mobile apps with React and React Native.

Community
Advanced
Nabole05Nabole05

blast-usability

Reduce cognitive load in web and mobile interfaces with accessibility guidance.

Community
Intermediate