skills.rest
tannergolden
tannergoldenCOMMUNITY
Explore all skills by this author →
Website𝕏@tannergoldenGitHub

UI/UX Designer

A comprehensive UI/UX design system ensuring consistent, accessible, and responsive interfaces across all screen sizes and devices.

Updated Aug 23, 2026
Search Tags:#design#ui#accessibility#tokens#ux#design-system
One-click install
npx skills add https://github.com/tannergolden/repository --skill ui-ux-designer-tannergolden
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UI/UX Designer
Source: https://github.com/tannergolden/repository/tree/main/.agent/storage/skills/designer
Command: npx skills add https://github.com/tannergolden/repository --skill ui-ux-designer-tannergolden

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often struggle to maintain visual consistency across products while meeting accessibility standards, leading to fragmented interfaces and increased rework.

Core Features & Use Cases

  • Visual consistency across web and mobile interfaces
  • Accessibility-first design aligned with tokens and design system
  • Seamless handoff to engineering with clear components and guidelines

Quick Start

Review current mockups and design tokens to produce a cohesive, accessible UI kit ready for engineering handoff.

Frequently Asked Questions about UI/UX Designer

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

FAQPage Schema
How do I design accessible UI systems for consistent web and mobile interfaces?▼

To design accessible UI systems, encode design tokens and accessibility guidelines into your visual standards. This ensures interface consistency across web and mobile products while meeting accessibility requirements during engineering handoff.

What is the best way to manage design tokens for an accessible UI kit?▼

Managing design tokens involves encoding visual standards and accessibility rules into a cohesive system. This approach maintains visual consistency across products and delivers a clear UI kit ready for engineering handoff.

How do I prepare mockups for engineering handoff using a design system?▼

Prepare mockups for engineering handoff by reviewing current designs alongside established design tokens. This produces a cohesive, accessible UI kit with clear components and guidelines for developers.

Can I use this design system approach for both web and mobile interface reviews?▼

Yes, this design system approach applies to interface design tasks, visual system development, and design reviews across both web and mobile projects to ensure accessibility and consistency.

Why does my UI lack visual consistency across different products?▼

Your UI lacks visual consistency because fragmented interfaces often occur when teams struggle to maintain standards. Encoding design tokens and accessibility guidelines into deliverables solves this fragmentation and reduces rework.

Do I need existing design tokens before starting an accessible interface review?▼

You should review current mockups and existing design tokens to produce a cohesive, accessible UI kit. This evaluates your visual standards to ensure seamless handoff to engineering.

Related Skills

Explore More Design & Creative Skills→
avgarciaavgarcia

ui-from-mockup

Convert HTML/CSS mockups into Angular Material 3 components.

Community
Advanced
omeraltnomeraltn

agency-ui-designer

Create design tokens, component specs, and WCAG AA accessibility guidance.

Community
Advanced
akobryan1akobryan1
1

ui-styling

Generate React components styled with Tailwind CSS for web apps.

Community
Intermediate
Serg28Serg28

design-system

Analyze CSS, Tailwind, or styled-components codebases to generate design tokens and audit UI visual consistency.

Community
Intermediate