skills.rest
juanjaragavi
juanjaragaviCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

user-interface

Standardize interaction design across TopNetworks properties with responsive layouts and accessibility guidelines.

Updated Jan 30, 2026
Search Tags:#accessibility#ui-design#component-library#ux-patterns#design-standards#responsive-layouts
One-click install
npx skills add https://github.com/juanjaragavi/social-media-genius --skill user-interface
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: user-interface
Source: https://github.com/juanjaragavi/social-media-genius/tree/main/.claude/skills/user-interface
Command: npx skills add https://github.com/juanjaragavi/social-media-genius --skill user-interface

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent interaction design across TopNetworks properties creates friction for users and delays product delivery, making it hard to deliver a cohesive UX.

Core Features & Use Cases

  • Breakpoints & Responsive Layouts: mobile-first, scalable layouts across devices.
  • Navigation & Interaction Patterns: consistent menus, modals, and focus management.
  • Animation & Data Visualization Guidelines: standardized motion and chart styling for clarity.
  • Accessibility & Inclusivity: guidance to ensure usable experiences for all users.

Quick Start

Consult these UI standards when designing or implementing any interactive UI element to ensure consistency.

Frequently Asked Questions about user-interface

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

FAQPage Schema
What are UI design standards for responsive layouts and SaaS dashboards?▼

UI design standards for responsive layouts standardize interaction design across SaaS dashboards and consumer apps by specifying mobile-first breakpoints, layout grids, and component states to ensure a cohesive user experience.

How do I standardize navigation and modal dialog patterns across multiple apps?▼

To standardize navigation and modal dialog patterns across multiple apps, apply unified interaction guidelines that define consistent menus, focus management, and component states for frictionless user experiences.

What is the best way to standardize animation and data visualization components?▼

The best way to standardize animation and data visualization components is to apply unified UI standards that specify consistent motion patterns and chart styling rules for clarity across SaaS dashboards and consumer apps.

Does this UI design standards skill work for consumer apps and content platforms?▼

Yes, this UI design standards skill works for consumer apps and content platforms by providing scalable layout grids, consistent interaction patterns, and accessibility considerations tailored for diverse digital properties.

Why do I need unified UI standards for my component library?▼

You need unified UI standards for your component library to eliminate inconsistent interaction design, reduce friction for users, and accelerate product delivery across all TopNetworks properties.

What are the limitations of not using standardized UX patterns for breakpoints?▼

Without standardized UX patterns for breakpoints, your responsive layouts will suffer from inconsistent component states and navigation systems, creating friction and delaying product delivery across platforms.

Related Skills

Explore More Design & Creative Skills→
qazuorqazuor

frontend-design

Guide UI teams through pre-coding design foundations for typography, color, and layout.

Community
Basic
alo-expalo-exp
6

design-handoff

Generate developer handoff specs with layout, tokens, component props, states, breakpoints, and accessibility notes from Figma URLs or descriptions.

Official
Advanced
daniellelooodaniellelooo

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with ARIA patterns and screen reader support.

Community
Advanced
freshtechbrofreshtechbro
682

animated-component-libraries

Provide pre-built animated React component libraries for UI development.

Community
Intermediate