skills.rest
ssssssssassssss
ssssssssassssssCOMMUNITY
Explore all skills by this author →
GitHub

uiux-design-principles

Apply framework-agnostic UI/UX principles to frontend design reviews and audits.

Updated Apr 2, 2026
Search Tags:#accessibility#design-principles#responsive-design#design-systems#information-architecture#uiux#enterprise-design
One-click install
npx skills add https://github.com/ssssssssassssss/disease-risk-classifier --skill uiux-design-principles-ssssssssassssss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uiux-design-principles
Source: https://github.com/ssssssssassssss/disease-risk-classifier/tree/main/.claude/skills/23-uiux-design-principles
Command: npx skills add https://github.com/ssssssssassssss/disease-risk-classifier --skill uiux-design-principles-ssssssssassssss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Framework-agnostic UI/UX design principles and guidelines for enterprise applications to ensure consistent frontend experiences across React, Flutter, and other frameworks.

Core Features & Use Cases

  • Top-down design methodology for layout, features, components, and details
  • Layout and information architecture patterns, visual hierarchy, accessibility, and responsive design
  • Design system principles and guidance with common pitfalls and fixes
  • Use cases include design reviews, audits, feature planning, and system-wide UX alignment

Quick Start

Apply framework-agnostic UI/UX guidelines before starting any frontend feature or conducting a design audit.

Frequently Asked Questions about uiux-design-principles

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

FAQPage Schema
How do I apply UI/UX design principles consistently across different frontend frameworks?▼

Apply UI/UX design principles consistently across different frontend frameworks by using framework-agnostic guidelines for top-down design, information architecture, and accessibility during feature planning and design reviews.

What is the best way to audit enterprise frontend design for visual hierarchy and accessibility?▼

The best way to audit enterprise frontend design for visual hierarchy and accessibility is applying framework-agnostic UI/UX guidelines to evaluate layout patterns, responsive design, and information architecture across React and Flutter stacks.

Can I use these UI/UX principles for design system alignment in React and Flutter applications?▼

Yes, you can use these framework-agnostic UI/UX principles for design system alignment in React and Flutter applications, ensuring consistent frontend experiences by covering common pitfalls, fixes, and responsive patterns.

When do I need framework-agnostic UI/UX guidelines for enterprise applications?▼

You need framework-agnostic UI/UX guidelines for enterprise applications when solving inconsistent frontend design, conducting design audits, or planning features that require unified visual hierarchy and information architecture across multiple stacks.

Does this approach to enterprise design cover responsive design and information architecture?▼

Yes, this approach to enterprise design covers responsive design and information architecture, providing framework-agnostic UI/UX principles for layout patterns, visual hierarchy, and accessibility across various frontend frameworks.

Related Skills

Explore More Design & Creative Skills→
Integrum-GlobalIntegrum-Global
12

uiux-design-principles

Apply framework-agnostic UI/UX design principles to frontend layouts and audits.

Official
Advanced
karchthokarchtho

ui-ux-design

Provide expert UI/UX design guidance for frontend frameworks and design systems.

Community
Intermediate
thongdn-itthongdn-it
3

ui-design

Enforce UI/UX frontend best practices across HTML, CSS, and component design.

Community
Advanced
dhamijadhamija

frontend

Apply UX-driven design principles to React/TypeScript UI code automatically.

Community
Basic