ui-ux-design-system

Aggregate cross-domain UI/UX guidance into design system recommendations.

8|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/ChoshimWy/iOSAgentSkills --skill ui-ux-design-system-choshimwy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-design-system
Source: https://github.com/ChoshimWy/iOSAgentSkills/tree/main/skills/ui-ux-design-system
Command: npx skills add https://github.com/ChoshimWy/iOSAgentSkills --skill ui-ux-design-system-choshimwy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Visual design decisions across multiple tech stacks are inconsistent and hard to reuse; this skill consolidates UI/UX guidance into a centralized reference to streamline design-system work.

Core Features & Use Cases

  • Cross-stack design direction and token guidance for color, typography, spacing, and interaction patterns.
  • Design reviews and component spec support to ensure accessibility, consistency, and reusability across platforms.
  • Retrieval and synthesis of design-system recommendations for rapid prototyping, stakeholder alignment, and documentation.

Quick Start

Ask the AI to generate a cross-stack UI/UX design system for a marketing dashboard.

Frequently Asked Questions about ui-ux-design-system

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

FAQPage Schema
How do I create a consistent UI design system across multiple tech stacks?

To create a consistent UI design system across multiple tech stacks, aggregate cross-domain UI/UX guidance into a centralized reference. This approach streamlines visual direction and token generation for color, typography, and interaction rules.

What is cross-stack design token guidance and how does it work?

Cross-stack design token guidance consolidates color, typography, and spacing rules into a unified reference. It works by applying standardized interaction patterns across multiple platforms to ensure visual consistency and reusability.

How do I generate an accessible color palette and typography system for a web application?

Generate an accessible color palette and typography system by synthesizing cross-domain UI/UX rules. This produces pattern recommendations, color palettes, typography mood boards, and accessibility considerations for your web application.

Can I use this design system guidance for rapid prototyping and stakeholder alignment?

You can use design system guidance for rapid prototyping and stakeholder alignment. It retrieves and synthesizes design-system recommendations to accelerate decision-making and produce consistent component specifications across platforms.

Does cross-stack UI/UX guidance require specific framework dependencies?

Cross-stack UI/UX guidance does not require specific framework dependencies. It operates independently to aggregate visual direction and interaction rules, making it applicable across multiple tech stacks without prerequisite components.

What's the best way to ensure design consistency across different platforms?

The best way to ensure design consistency across different platforms is to centralize UI/UX guidance into a shared design system. This consolidates interaction patterns and visual tokens, preventing inconsistent design decisions across tech stacks.