professional-ui-guidelines

Provide copy-ready UI/UX guidelines with color palettes, typography, spacing, and components.

Updated Feb 6, 2026
One-click install
npx skills add https://github.com/chris78rey/en_construccion --skill professional-ui-guidelines
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: professional-ui-guidelines
Source: https://github.com/chris78rey/en_construccion/tree/main/.opencode/skills/professional-ui-guidelines
Command: npx skills add https://github.com/chris78rey/en_construccion --skill professional-ui-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Este Skill proporciona guías de UI/UX profesionales listas para aplicar, permitiendo copiar y pegar configuraciones de diseño sin necesidad de explicaciones detalladas.

Core Features & Use Cases

  • Paletas de color predefinidas para proyectos consistentes en web y móvil.
  • Tipografía, espaciado y componentes estándar listos para copiar y pegar.
  • Uso práctico: inicia un proyecto de UI con un sistema de diseño coherente desde el primer día.

Quick Start

Copia las guías completas y pégalas en tu plantilla de diseño para iniciar tu sistema de diseño.

Frequently Asked Questions about professional-ui-guidelines

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

FAQPage Schema
How do I start a UI design system with consistent color palettes and typography?

To start a UI design system with consistent color palettes and typography, copy the provided professional UI guidelines and paste them directly into your design template to establish a coherent visual baseline instantly.

Can I use standard UI components and spacing scales for both web and mobile design?

Yes, you can use these standard UI components and spacing scales for both web and mobile design, as the guidelines provide exact values and tokens tailored for rapid project bootstrapping across platforms.

What is the best way to get exact design tokens for spacing and color palettes?

The best way to get exact design tokens for spacing and color palettes is to use copy-ready UI guidelines that deliver predefined configurations in a compact format, requiring no external tools beyond basic text usage.

Do I need external design tools to apply these standard UI components and typography scales?

No, you do not need external design tools to apply these standard UI components and typography scales, because the guidelines function as plain text configurations you can copy and paste directly into your project files.

When do I need predefined UI guidelines for my design project?

You need predefined UI guidelines for your design project when you want to solve the problem of inconsistent UI design and rapidly bootstrap a coherent system with exact spacing, typography, and color values from the first day.