uiux-design-principles

Codify UI/UX design principles into a framework-agnostic reusable guide.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/shobhit-16/Disease-Risk-classifier --skill uiux-design-principles-shobhit-16
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: uiux-design-principles
Source: https://github.com/shobhit-16/Disease-Risk-classifier/tree/main/.claude/skills/23-uiux-design-principles
Command: npx skills add https://github.com/shobhit-16/Disease-Risk-classifier --skill uiux-design-principles-shobhit-16

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Framework-agnostic UI/UX design principles are codified into a reusable, enterprise-ready guide to unify frontend experiences across frameworks and teams.

Core Features & Use Cases

  • Framework-agnostic principles for layout, information architecture, accessibility, responsive design, and design systems.
  • Practical patterns and reference templates to speed up design decisions, audits, and design-system adoption.
  • Use Cases: starting a new frontend feature, auditing existing UI, reviewing UI decisions, and aligning across product teams.

Quick Start

Describe a dashboard layout using these principles and generate a wireframe outline.

Frequently Asked Questions about uiux-design-principles

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

FAQPage Schema
How do I establish reusable UI/UX design principles for multiple frontend frameworks?

Framework-agnostic UI/UX design principles codify layout, information architecture, and accessibility guidelines into a reusable enterprise guide to unify frontend experiences across diverse teams and frameworks. They provide structured documents and practical patterns for consistent implementation.

What is the best way to audit existing UI for accessibility and responsive design compliance?

Auditing existing UI for accessibility and responsive design compliance involves applying framework-agnostic design principles to evaluate current layouts against structured guidelines. This process identifies information architecture gaps and generates actionable wireframe outlines for production fixes.

Can I use these UI/UX guidelines to align product teams during a new frontend feature concept phase?

Yes, you can use these UI/UX guidelines to align product teams during a new frontend feature concept phase. The framework-agnostic principles enforce a structured design document and concise quick-start guidance, ensuring unified layout and design-system decisions from initial concept to production.

How do I design a dashboard layout using standardized frontend design patterns?

Designing a dashboard layout using standardized frontend design patterns requires applying framework-agnostic principles to generate a wireframe outline. The guidelines structure information architecture and responsive design decisions, speeding up the design process through practical reference templates.

Does this approach support enterprise UX design-system implementation across different projects?

Yes, this approach supports enterprise UX design-system implementation across different projects by codifying framework-agnostic principles into a reusable guide. It enforces structured design documents and practical UI patterns, ensuring consistent accessibility and information architecture from concept to production.