skills.rest
felvieira
felvieiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/felvieira/claude-skills-fv --skill ui-ux-design-felvieira
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Adelie-SquadAdelie-Squad
17

UX Designer Agent

Design user flows and wireframes from feature specifications and user context.

Official
Advanced
ZiadNagarZiadNagar

ux-designer

Develop human-centered UX strategy guidance for web and mobile interfaces.

Community
Advanced
ovachieverovachiever
52

ui-design-system

Generate design tokens from brand colors in JSON, CSS, or SCSS.

Community
Advanced
evolvconsultingevolvconsulting

synthetic-data-demo

Generate synthetic relational datasets and deploy Streamlit dashboards to Snowflake.

Official
Advanced