design-uiux

Translate brand identity into cohesive UI design systems for web, mobile, and desktop.

Updated Nov 2, 2025
One-click install
npx skills add https://github.com/SelrahcD/claude-marketplace --skill design-uiux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-uiux
Source: https://github.com/SelrahcD/claude-marketplace/tree/main/selrahcd-dot-claude/skills/design-uiux
Command: npx skills add https://github.com/SelrahcD/claude-marketplace --skill design-uiux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Translate brand identity into cohesive UI design systems to ensure consistency and efficiency across products.

Core Features & Use Cases

  • Build scalable design systems from strategy and brand docs
  • Provide platform-specific guidance for web, iOS, Android, and desktop
  • Ensure accessibility and WCAG-compliant components across platforms
  • Use Case: A brand launching a new web app can reuse tokens and components to maintain consistency

Quick Start

Create a complete UI/UX design system from a brand strategy and platform guidelines.

Frequently Asked Questions about design-uiux

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

FAQPage Schema
How do I translate brand identity into a cohesive UI design system?

This Skill translates brand identity into a cohesive UI design system by mapping strategy and brand documents into scalable design tokens, layout grids, and platform-specific component libraries. It ensures consistent interfaces across web, mobile, and desktop environments.

What is the best way to build a scalable design system from existing brand strategy documents?

Building a scalable design system from brand strategy involves extracting core visual elements into enforceable design tokens and cross-platform guidelines. This approach delivers a practical blueprint for implementation and ensures UI consistency across new and legacy products.

Can I generate platform-specific UI component libraries for web, iOS, and Android?

Yes, you can generate platform-specific UI component libraries for web, iOS, Android, and desktop. The process guides strategy-to-design handoff and provides tailored cross-platform guidelines to ensure native interface consistency across each target platform.

How do I ensure my cross-platform UI components meet WCAG accessibility standards?

You ensure cross-platform UI components meet WCAG accessibility standards by enforcing accessibility guidelines directly within the design system blueprint. This integrates compliance checks into the foundational design tokens and component architecture during strategy-to-design handoff.

Does building a UI design system from brand strategy work for refreshing legacy apps?

Yes, building a UI design system from brand strategy works effectively for refreshing legacy apps. It translates updated brand identity into cohesive interface guidelines and reusable tokens, enabling scalable modernization while maintaining existing information architecture.