ui-designer

Design accessible user interfaces aligned with brand guidelines and design systems.

30|7|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/saeed-vayghan/gemini-agent-skills --skill ui-designer-saeed-vayghan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-designer
Source: https://github.com/saeed-vayghan/gemini-agent-skills/tree/main/.gemini/skills/ui-designer
Command: npx skills add https://github.com/saeed-vayghan/gemini-agent-skills --skill ui-designer-saeed-vayghan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating visually appealing, user-friendly, and accessible interfaces that align with brand guidelines and design systems.

Core Features & Use Cases

  • Intuitive Interface Design: Creates user interfaces that are easy to navigate and understand.
  • Design System Mastery: Leverages and contributes to consistent design languages.
  • Accessibility Focus: Ensures designs meet accessibility standards for broader reach.
  • Use Case: Design a new mobile app onboarding flow that is both engaging and guides users seamlessly through initial setup, adhering to the company's established design system.

Quick Start

Use the ui-designer skill to create a new design for a user profile page based on the provided brand guidelines.

Frequently Asked Questions about ui-designer

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

FAQPage Schema
How do I design user interfaces that meet accessibility requirements?

To design accessible user interfaces, you must ensure visual output adheres to established accessibility standards and brand guidelines. This approach balances aesthetics with functionality, creating intuitive designs that enable broader user reach across various platforms.

What is the best way to create a mobile app onboarding flow?

The best way to create a mobile app onboarding flow is to leverage existing design systems and interaction patterns. This ensures the flow is engaging, intuitive, and guides users seamlessly through the initial setup while maintaining visual consistency.

How does interaction design apply to existing component libraries?

Interaction design applies to existing component libraries by mastering and contributing to a consistent design language. It ensures that user interfaces remain easy to navigate and understand while strictly adhering to the established brand guidelines.

Can I use visual design patterns for a new user profile page?

Yes, you can use visual design patterns for a new user profile page by applying brand guidelines to the design process. This ensures the resulting interface is both beautiful and functional while remaining consistent with the overarching design system.

When do I need a design system for user interface design?

You need a design system for user interface design when you require consistent visual output across various platforms. It provides the foundational component libraries and interaction patterns necessary to balance aesthetics with functionality effectively.