guia-diseno-ui-moderno

Provide design tokens and guidelines for modern UI/UX projects.

Updated Nov 2, 2025
One-click install
npx skills add https://github.com/ecolonco/skill --skill guia-diseno-ui-moderno
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: guia-diseno-ui-moderno
Source: https://github.com/ecolonco/skill/tree/main/.claude/skills/guia-diseno-ui-moderno
Command: npx skills add https://github.com/ecolonco/skill --skill guia-diseno-ui-moderno

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers need a clear, reusable framework to craft modern, professional UI/UX designs without resorting to clichés.

Core Features & Use Cases

  • Color systems: Consistent palettes and accessible color combinations.
  • Typography & spacing: Scalable type hierarchies and whitespace rules.
  • Components guidance: Ready-to-use patterns for buttons, cards, grids, and layouts.
  • Use Case: When designing a dashboard, apply the tokens to ensure visual hierarchy and readability.

Quick Start

Start by reviewing the provided color palettes, typography scale, and component guidelines, then apply them to your current UI design task.

Frequently Asked Questions about guia-diseno-ui-moderno

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

FAQPage Schema
How do I create a consistent color palette and typography scale for a UI dashboard?

Apply universal design tokens and component patterns to ensure visual hierarchy and readability when designing a UI dashboard. This framework delivers consistent color palettes, typography scales, and spacing rules for immediate use in your interface layout.

What are the standard UI component patterns for modern landing pages?

Standard UI component patterns for modern landing pages include ready-to-use guidelines for buttons, cards, and grid layouts. These component patterns provide a reusable framework to craft professional designs without resorting to visual clichés.

Do I need external design software to apply these UI design guidelines?

No, you do not need external design software to apply these UI design guidelines. This framework enables immediate adoption in design tasks without requiring external software, satisfying the need for a design-centric workflow directly.

How do I use design tokens to build an admin interface layout?

Build an admin interface layout by applying the provided design tokens for spacing and typography directly to your components. Use the color systems and component patterns to maintain visual hierarchy and readability across the admin interface.

What is the best way to ensure accessible color combinations in UI design?

Ensure accessible color combinations in UI design by applying the predefined color palettes from this framework. These consistent color systems provide accessible combinations that maintain visual hierarchy and readability across your components.

Can I use this UI framework for both landing pages and admin interfaces?

Yes, you can use this UI framework for both landing pages and admin interfaces. It provides a universal framework with reusable design tokens applicable to any UI project, including dashboards and various interface layouts.