diseño

精通 UI 组件管理、CSS 架构与设计模式（按钮、卡片、特效）的技能。在美学咨询与组件修改时，可随时调用此技能。

SKILL.md

--- frontmatter

name: diseño
description: Skill maestra para gestionar componentes UI, arquitectura CSS y patrones de diseño (botones, tarjetas, efectos). Úsala para consultas estéticas y modificaciones de componentes.

🎨 Skill Maestra de Diseño

Goal

Gobernar la consistencia visual y la implementación técnica de los componentes de interfaz en el proyecto Jorge Aguirre Flores.

Instructions

•Referencia de Estilo: Consulta la Guía de Diseño para entender los principios estéticos del sitio.
•
Sub-skills:
- •Para crear o editar botones/tarjetas: Usa Componentes.
- •Para cambios estructurales en CSS: Usa Estilos.
•
Ejecución Técnica:
- •El archivo principal de acción es input.css.
- •Utiliza scripts/design_manager.py para analizar el estado actual de los componentes.

Constraints

•Siempre debe haber coherencia absoluta con la skill marca.
•Los componentes deben ser responsivos y accesibles.
•Cualquier cambio estético significativo debe ser verificado visualmente (si el entorno lo permite).

Examples

•Usuario: "¿Cómo es el diseño del botón principal?"
•Agente: Utiliza la sub-skill de componentes para leer la definición de .btn-primary en input.css y la explica al usuario.
•Usuario: "Crea un nuevo estilo de tarjeta para servicios."
•Agente: Propone una clase siguiendo el patrón de card-glass usando la sub-skill de estilos.