skills.rest
fawzymohamed
fawzymohamedCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-design

Guide LMS UI/UX design with patterns for layouts, components, and accessibility.

1|Updated Dec 30, 2025
Search Tags:#ui#accessibility#layout#ux#responsive-design#design-patterns
One-click install
npx skills add https://github.com/fawzymohamed/devops --skill ui-ux-design-fawzymohamed
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/fawzymohamed/devops/tree/main/.claude/skills/ui-ux-design
Command: npx skills add https://github.com/fawzymohamed/devops --skill ui-ux-design-fawzymohamed

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to maintain consistent, accessible, and intuitive LMS experiences across pages and features.

Core Features & Use Cases

  • Design System with color, typography, and spacing guidelines for unified visual language
  • Responsive layouts and accessibility patterns for dashboards, lessons, and navigation
  • Reusable UI components and interaction patterns to accelerate development and ensure consistency

Quick Start

Apply the design system, typography, and spacing guidelines to create a new LMS page.

Frequently Asked Questions about ui-ux-design

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

FAQPage Schema
How do I create consistent LMS page layouts and navigation?▼

Create consistent LMS page layouts by applying reusable UI components, interaction patterns, and design-system definitions for color, typography, and spacing to ensure a unified visual language across all pages.

What design patterns should I use for responsive LMS dashboards and lessons?▼

Use responsive layout and accessibility patterns specifically structured for LMS dashboards and lessons to ensure interfaces adapt correctly and remain usable across different device sizes.

How do I ensure my LMS interface meets accessibility standards?▼

Ensure LMS accessibility by applying the provided accessibility patterns across pages, navigation, and layouts, running usability checks to verify compliant interactions for all users.

Can I use these UI UX design patterns for non-LMS platforms?▼

These UI UX design patterns are specifically tailored for LMS interfaces, focusing on dashboards, lessons, and navigation, making them less suitable for non-LMS platform contexts.

What's the best way to start designing a new LMS page?▼

Start designing a new LMS page by applying the design system, typography, and spacing guidelines to establish a baseline visual language before adding reusable UI components.

Do I need a specific framework to implement these LMS design systems?▼

No specific framework is required; the guide provides framework-agnostic design-system definitions, component patterns, and usability checks that you can apply using any web technology.

Related Skills

Explore More Design & Creative Skills→
Division6066Division6066

extract-design-system

Extract design primitives from a public website into starter design tokens.

Community
Intermediate
suiramdevsuiramdev

frontend-design

Translate frontend requirements into accessible HTML/CSS/JS components with responsive layouts.

Community
Advanced
flitzrrrflitzrrr
4

ux-design

Conduct user interviews, create personas, and run usability tests.

Community
Intermediate
oriysoriys

normalize

Substitute design tokens for hard-coded UI values to align with the design system.

Community
Advanced