ui-ux-design

Design UX/UI wireframes and design tokens for web and mobile interfaces.

22|6|Updated Mar 10, 2026

Search Tags:#accessibility #ui/ux #figma #prototyping #usability #design-system #wireframe

Ready to run

npx skills add https://github.com/felvieira/claude-skills-fv --skill ui-ux-design-felvieira

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/felvieira/claude-skills-fv/tree/main/skills/02-ui-ux-design
Command: npx skills add https://github.com/felvieira/claude-skills-fv --skill ui-ux-design-felvieira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

O Designer UI/UX transforma requisitos e histórias de usuário em interfaces utilizáveis, acessíveis e visualmente consistentes, reduzindo retrabalho e melhorando a taxa de conversão.

Core Features & Use Cases

Definição da arquitetura de informação, fluxos de navegação e organização de conteúdo.
Criação de wireframes, protótipos e tokens de design para manter consistência de UI.
Aplicação prática em casos como criação de design system, melhoria de acessibilidade e handoffs eficaz entre design e desenvolvimento.

Quick Start

Projete rapidamente um wireframe inicial para a tela de login usando o design system existente.

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 wireframes and design tokens for a product dashboard?▼

To create wireframes and design tokens for a product dashboard, transform user stories into usable interfaces by defining information architecture, navigation flows, and UI tokens to ensure visual consistency and accessibility compliance.

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

The best way to ensure accessibility compliance in UI/UX design is to apply accessibility standards during wireframe creation and prototyping, shaping usable interfaces that meet requirements for both web and mobile platforms.

Can I use this approach for both web and mobile onboarding flows?▼

Yes, you can use this UI/UX design approach for both web and mobile onboarding flows, as it supports defining navigation architecture and organizing content across various product interface tasks.

How do I prepare design system handoffs for frontend development teams?▼

To prepare design system handoffs for frontend teams, generate clear documentation alongside wireframes, prototypes, and design tokens to ensure seamless alignment and reduce rework during development implementation.

Do I need Figma to implement these UI/UX wireframes and prototypes?▼

Figma is commonly used for prototyping and wireframe-to-prototype handoffs, but you primarily need your user requirements and design system rules to define the architecture, tokens, and usable interfaces.