skills.rest
ukwhatn
ukwhatnCOMMUNITY
Explore all skills by this author →
𝕏@ukwhatnGitHub

ui-ux-design

Design enterprise-grade UI/UX for SaaS dashboards and admin interfaces.

3|2|Updated Jan 12, 2026
Search Tags:#typography#design#dashboards#enterprise#ui-ux#color-palette#component-library
One-click install
npx skills add https://github.com/ukwhatn/.claude --skill ui-ux-design-ukwhatn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/ukwhatn/.claude/tree/main/skills/ui-ux-design
Command: npx skills add https://github.com/ukwhatn/.claude --skill ui-ux-design-ukwhatn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This unified skill provides a comprehensive approach to designing production-grade UI/UX for enterprise dashboards, admin panels, and web apps, ensuring consistent visuals, accessible typography, and scalable components.

Core Features & Use Cases

  • Comprehensive design system guidance including color foundations, typography, spacing, and component guidelines.
  • Industry-aligned palettes, font pairings, and UI style catalog patterns for enterprise-grade software.
  • Use cases covering SaaS dashboards, admin consoles, landing pages, and internal tools requiring polished interfaces.

Quick Start

Provide an enterprise-grade dashboard UI design for a SaaS admin panel, including a clean layout, typography, color system, and reusable components.

Frequently Asked Questions about ui-ux-design

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

FAQPage Schema
How do I design an enterprise dashboard UI with a consistent design system?▼

Enterprise dashboard UI design establishes comprehensive design system foundations covering color, typography, spacing, and component guidelines to ensure consistent visuals and accessible interfaces across SaaS admin panels and web apps.

What is the best way to structure typography and color palettes for SaaS dashboards?▼

Structuring typography and color palettes for SaaS dashboards involves applying industry-aligned font pairings and UI style catalog patterns to achieve polished, enterprise-grade aesthetics that avoid generic software visuals.

Can I use this approach for internal admin consoles and landing pages?▼

Yes, this UI/UX approach applies to SaaS dashboards, management consoles, internal admin tools, and landing pages requiring polished, non-generic aesthetics and production-ready CSS component patterns.

How do I build a component library for a management console?▼

Building a component library for a management console requires scalable component guidelines addressing accessibility, responsive behavior, and production-ready CSS patterns to support enterprise-grade web apps.

Does this dashboard design approach include accessible typography and responsive behavior?▼

Yes, the dashboard design approach satisfies requirements for design system foundations including accessible typography, responsive behavior, and production-ready CSS patterns alongside core color and spacing systems.

When do I need a full UI style catalog for enterprise software?▼

You need a full UI style catalog for enterprise software when building SaaS dashboards, admin panels, or web apps requiring polished, non-generic aesthetics and scalable, reusable component libraries.

Related Skills

Explore More Design & Creative Skills→
truchottruchot
2

direction-artistique

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

Community
Advanced
hotriluanhotriluan

ck:frontend-design

Convert design inputs into HTML, CSS, and JS with reusable UI components.

Community
Advanced
tomada1114tomada1114
4

designing-wireframes

Design ASCII wireframes and UX flows from detailed requirements.

Community
Basic
HouseGarofaloHouseGarofalo
3

dashboard-design

Design responsive dashboards with KPI cards and data tables using React and Tailwind CSS.

Official
Intermediate