skills.rest
Mifuyuu
MifuyuuCOMMUNITY
Explore all skills by this author →
GitHub

ux-ui-exp

Generate design systems and search UI assets like icons and color palettes.

Updated Aug 23, 2026
Search Tags:#color palettes#typography#design system#ui/ux#icons#bootstrap 5
One-click install
npx skills add https://github.com/Mifuyuu/ux-ui-experience --skill ux-ui-exp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-ui-exp
Source: https://github.com/Mifuyuu/ux-ui-experience/tree/main
Command: npx skills add https://github.com/Mifuyuu/ux-ui-experience --skill ux-ui-exp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides instant access to UI/UX design resources, best practices, and generation tools, streamlining the design process for developers and designers.

Core Features & Use Cases

  • Design System Generation: Automatically create design systems for various tech stacks.
  • Resource Search: Quickly find icons, color palettes, typography pairings, and UI styles.
  • Best Practice Guidelines: Access curated guidelines for popular frameworks like Bootstrap 5.
  • Use Case: Generate a complete design system for a new SaaS dashboard using Bootstrap 5, or find suitable icons for a user authentication flow.

Quick Start

Use the ux-ui-exp skill to generate a design system for a fintech dashboard.

Frequently Asked Questions about ux-ui-exp

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

FAQPage Schema
How do I generate a design system for a Bootstrap 5 dashboard?▼

To generate a design system for a Bootstrap 5 dashboard, you need a tool that automatically creates color palettes, typography pairings, and UI component styles. This capability provides instant access to curated design resources and generates a complete system for your specific tech stack.

What's the best way to find suitable icons and color palettes for a UI?▼

The best way to find suitable icons and color palettes for a UI is using a design intelligence tool that retrieves and searches curated design assets. It streamlines the process by quickly matching visual resources to your interface requirements without manual browsing.

Can I retrieve Bootstrap 5 best practices and UI styles using a design tool?▼

You can retrieve Bootstrap 5 best practices and UI styles using a design intelligence tool that integrates with MCP clients. It provides curated framework-specific guidelines and visual styles directly within your existing workflow.

Does this design system generation work with MCP clients?▼

Design system generation works seamlessly with MCP clients to provide UI/UX design intelligence. This integration allows you to access design assets, retrieve best practices, and generate systems directly within your development environment.

How do I create typography pairings for a new SaaS application?▼

To create typography pairings for a new SaaS application, use a design generation tool that automatically retrieves complementary font combinations. It provides instant access to curated typography resources that match your overall UI style and tech stack.

Related Skills

Explore More Design & Creative Skills→
MileniumTickMileniumTick

sdd-init

Detect project tech stack and generate a local skill registry.

Community
Advanced
IcekoleIcekole

ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Community
Advanced
trusted-americantrusted-american

fontawesome

Register FontAwesome 7 icons and render them with the A3 Icon component.

Official
Intermediate
yash-7575yash-7575

ui-ux-pro-max

Generate UI/UX design recommendations for web and mobile applications.

Community
Advanced