skills.rest
distribucionesfayosmoreno-sys
distribucionesfayosmoreno-sysCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designer

Create interface designs, wireframes, and design systems with Figma.

Updated Mar 19, 2026
Search Tags:#accessibility#visual design#design systems#user research#information architecture#ui-ux#interaction design
One-click install
npx skills add https://github.com/distribucionesfayosmoreno-sys/programa_aluon --skill ui-ux-designer-distribucionesfayosmoreno-sys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/distribucionesfayosmoreno-sys/programa_aluon/tree/main/.agents/skills/ui-ux-designer
Command: npx skills add https://github.com/distribucionesfayosmoreno-sys/programa_aluon --skill ui-ux-designer-distribucionesfayosmoreno-sys

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides expert guidance and tools for UI/UX design, streamlining the process of creating interface designs, wireframes, and design systems.

Core Features & Use Cases

  • Design Systems Mastery: Offers comprehensive knowledge on design systems, token-based architecture, and component libraries.
  • Modern Design Tools: Utilizes advanced features of Figma and integrates with development tools for efficient workflows.
  • User Research & Analysis: Employs methodologies for user research, usability testing, and A/B testing to enhance design.
  • Accessibility & Inclusive Design: Ensures compliance with WCAG standards and inclusive design principles.
  • Information Architecture & UX Strategy: Optimizes site mapping, content strategy, and user flow design.
  • Visual Design & Brand Systems: Implements typography systems, color theory, and brand identity integration.
  • Interaction Design & Prototyping: Focuses on micro-interactions, state management, and gesture design.
  • Design Research & Validation: Facilitates design sprints, stakeholder alignment, and competitive analysis.
  • Cross-Platform Design Excellence: Adapts design for web, mobile, desktop, and wearable interfaces.
  • Design System Implementation: Provides documentation, multi-theme support, and performance implications.
  • Advanced Design Techniques: Covers design system automation, dynamic content, and data visualization.
  • Collaboration & Communication: Enhances design presentation, cross-functional collaboration, and design thinking.
  • Design Technology Integration: Integrates with CI/CD pipelines, automated testing, and analytics.
  • Behavioral Traits: Prioritizes user needs, accessibility, and ethical design practices.
  • Knowledge Base: Offers best practices, industry standards, and emerging design technologies.

Quick Start

Use the ui-ux-designer skill to create a comprehensive design system for a new SaaS product.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I create a design system for a new SaaS product?▼

To create a design system for a SaaS product, you need token-based architecture, comprehensive component libraries, and multi-theme support documentation. This approach streamlines interface design, wireframes, and cross-platform implementation.

What is the best way to ensure UI/UX accessibility compliance?▼

Ensuring UI/UX accessibility compliance requires adhering to WCAG standards and inclusive design principles during the visual design phase. Prioritizing ethical design practices guarantees interfaces meet modern accessibility requirements.

How do I conduct user research and usability testing for interface design?▼

Conducting user research for interface design involves employing targeted methodologies, usability testing, and A/B testing. These techniques validate user flows and optimize the overall information architecture.

Can I integrate Figma design tools with development workflows?▼

Yes, you can integrate Figma design tools with development workflows using CI/CD pipelines and automated testing. This design technology integration enhances cross-functional collaboration and ensures efficient handoff.

How do I design cross-platform interfaces for web and mobile?▼

Designing cross-platform interfaces for web, mobile, desktop, and wearables requires adapting visual design systems and interaction patterns. Optimizing typography and state management ensures consistent user experiences across devices.

Do I need prior knowledge of information architecture to use design systems?▼

Yes, using design systems effectively requires prerequisite knowledge of information architecture, user research methodologies, and modern design tools. This foundation is necessary to optimize site mapping and content strategy.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
ruvnetruvnet
67.5k

Verification & Quality Assurance

Score code truth and rollback changes failing quality thresholds.

Community
Advanced
erichowenserichowens
181

data-pipeline-engineer

Automate ETL/ELT pipeline design, validation, and operation across medallion architectures.

Community
Advanced
jmigralajmigrala

ui-ux-designer

Plan UI/UX design work covering design systems, accessibility, and user research.

Community
Advanced