skills.rest
Michal-J-Kolodziej
Michal-J-KolodziejCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Updated Jan 21, 2026
Search Tags:#typography#workflow#ui-ux#design-system#ai-assisted#style-palette
One-click install
npx skills add https://github.com/Michal-J-Kolodziej/WalkWithMe --skill ui-ux-michal-j-kolodziej
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/Michal-J-Kolodziej/WalkWithMe/tree/main/.claude/skills/ui-ux
Command: npx skills add https://github.com/Michal-J-Kolodziej/WalkWithMe --skill ui-ux-michal-j-kolodziej

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

AI-powered tooling that accelerates UI/UX design by generating scalable design systems, style palettes, and reusable components, reducing manual design toil.

Core Features & Use Cases

  • AI-driven design system generation with 50+ styles, 95+ color palettes, 57 font pairings, and 99 UX guidelines.
  • Workflow guidance for web and mobile apps, including charts across 9 technology stacks and practical implementation tips.
  • Real-world scenarios: create a cohesive design system for a SaaS dashboard, a marketing site, or a mobile app prototype.

Quick Start

Provide a design request to the AI assistant and instruct it to generate a complete UI/UX design system with tokens, components, and typography for your project.

Frequently Asked Questions about ui-ux

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

FAQPage Schema
How do I generate a complete UI/UX design system for a web or mobile project?▼

A design system provides reusable components, color palettes, and typography pairings to ensure visual consistency. This Skill generates a complete UI/UX design system covering 50+ styles, 95+ palettes, and 57 font pairings for web and mobile apps.

Can I create a SaaS dashboard design system with predefined color palettes and typography pairings?▼

Yes, you can create a cohesive SaaS dashboard design system. The workflow generates style libraries, 95+ color palettes, and 57 font pairings, delivering ready-to-use tokens and components for real-world scenarios.

Does this UI design workflow support generating charts across multiple technology stacks?▼

Yes, the UI design workflow supports generating charts across 9 technology stacks. It produces practical implementation tips, components, and UX guidelines tailored to your specific web or mobile development environment.

What is the best way to automate style palette generation for a mobile app prototype?▼

The best way to automate style palette generation is to input your mobile app design request. The AI automatically generates a scalable style palette, typography pairings, and UX guidelines, reducing manual design toil.

How many UX guidelines and design styles are available for multi-style coverage?▼

The workflow satisfies multi-style coverage with 50+ design styles and 99 UX guidelines. It applies these across 9 technology stacks to deliver a comprehensive, ready-to-use design system for your project.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

Define visual identity, brand language, and governance for projects.

Community
Advanced
RanNahmanyRanNahmany
7

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced
HCMUTE-RTICHCMUTE-RTIC

ui-ux-pro-max

Generate design systems with style, color, typography, and stack-specific guidelines.

Official
Advanced
2nth-ai2nth-ai
1

tech/design

Provide design tools and principles for UI and product design.

Official
Advanced