skills.rest
tmarsbr
tmarsbrCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-designer

Guide designers through token-based design systems and cross-platform UI workflows.

Updated Jul 30, 2025
Search Tags:#ui#research#accessibility#prototyping#ux#design-system#design-tokens
One-click install
npx skills add https://github.com/tmarsbr/portifolio --skill ui-ux-designer-tmarsbr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/tmarsbr/portifolio/tree/main/skill-ux/skills/ui-ux-designer
Command: npx skills add https://github.com/tmarsbr/portifolio --skill ui-ux-designer-tmarsbr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create consistent, accessible, and scalable UI/UX solutions by guiding designers through best practices, systematized tokens, and cross-platform workflows.

Core Features & Use Cases

  • Design systems governance, token-based architecture, and component library documentation
  • User research integration, accessibility auditing, and inclusive design patterns
  • Cross-platform design workflows for web, mobile, and desktop experiences

Quick Start

Design a starter design system by outlining tokens, components, and accessibility requirements, then document handoff guidelines for developers.

Frequently Asked Questions about ui-ux-designer

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

FAQPage Schema
How do I build a design system with tokens for web and mobile?▼

To build a design system with tokens, outline your core design tokens, components, and accessibility requirements, then document developer handoff guidelines. This establishes a token-based architecture that ensures UI consistency across cross-platform workflows.

What is design system governance and how does it improve UX consistency?▼

Design system governance is the framework of rules and documentation for maintaining a component library and token architecture. It improves UX consistency by standardizing UI elements and enforcing accessibility compliance across products.

How do I conduct an accessibility audit for cross-platform interfaces?▼

Conduct an accessibility audit by evaluating cross-platform design workflows against inclusive design patterns. This process identifies barriers in web, mobile, and desktop experiences, ensuring your interfaces meet accessibility requirements.

Can I integrate user research directly into my UI design workflow?▼

Yes, you can integrate user research into your UI design workflow to guide inclusive design patterns. This approach aligns user research methodologies with token-based systems, ensuring accessible and scalable interface solutions.

What's the best way to document design tokens for developer handoff?▼

The best way to document design tokens for handoff is to map them within your component library documentation. This ensures developers understand the token-based architecture and can implement cross-platform workflows accurately.

Related Skills

Explore More Design & Creative Skills→
claudcherejiclaudchereji

ux-researcher

Conduct usability testing and translate findings into actionable product improvements.

Community
Advanced
ydnikolaevydnikolaev
8

ux-designer

Build cohesive design systems and token libraries for web and mobile projects.

Community
Intermediate
intelligentcode-aiintelligentcode-ai
35

web-designer

Design user interfaces and design systems for web and mobile experiences.

Official
Basic
roanbrasilroanbrasil
5

accessibility

Enforce WCAG 2.1 AA accessibility standards in frontend development workflows.

Community
Intermediate