ui-ux-designer

Structure UI/UX design frameworks with tokens, WCAG patterns, and research synthesis.

27|5|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/Fandry96/k3-agentic-skills --skill ui-ux-designer-fandry96
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Fandry96/k3-agentic-skills/tree/main/skills/ui-ux-designer
Command: npx skills add https://github.com/Fandry96/k3-agentic-skills --skill ui-ux-designer-fandry96

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Structured, repeatable UI/UX guidance to unify design practice, improve accessibility, and accelerate collaboration across teams.

Core Features & Use Cases

  • Design Systems Mastery: token-based architecture, component libraries, governance, and cross-brand consistency.
  • Accessibility & Inclusive Design: WCAG-compliant patterns, keyboard navigation, color contrast, and inclusive design checks.
  • User Research & Validation: planning, execution, and analysis of usability studies, personas, and journey maps.
  • Cross-Platform Design & Handoff: design-to-dev handoff, responsive design, and multi-platform consistency.
  • Collaboration & Documentation: design tokens, versioning, and comprehensive documentation.

Quick Start

Clarify goals, constraints, and inputs to tailor UI/UX guidance for your project.

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 using token-based architecture?

Building a design system with token-based architecture involves defining core tokens for color, typography, and spacing to unify component libraries, ensure cross-brand consistency, and apply structured governance across your workflow.

How do I conduct an accessibility audit for WCAG compliance?

Conducting an accessibility audit for WCAG compliance requires evaluating color contrast, verifying keyboard navigation, and applying inclusive design checks to ensure your interface patterns meet accessibility standards.

What is the best way to handle design-to-dev handoff for cross-platform UI?

The best way to handle design-to-dev handoff for cross-platform UI is to utilize structured design tokens and comprehensive documentation to maintain responsive design and multi-platform consistency.

How do I synthesize user research into personas and journey maps?

To synthesize user research into personas and journey maps, plan and execute usability studies, analyze the gathered validation data, and structure the findings to guide accessible interface creation.

Do I need design tokens to ensure cross-brand consistency in UI/UX?

Yes, you need design tokens to ensure cross-brand consistency in UI/UX because they provide a token-based architecture that enables versioning, comprehensive documentation, and unified design practice across teams.

Can I use this framework for multi-platform UI delivery without a component library?

Using this framework for multi-platform UI delivery without a component library is challenging because token-based architecture and component libraries are required to maintain governance and cross-platform consistency.