Lee el archivo README.md dentro de esta habilidad y explora los otros archivos disponibles.
Si estás creando artefactos visuales (diapositivas, mocks, prototipos desechables, etc.), copia los activos y crea archivos HTML estáticos para que el usuario los vea. Si trabajas en código de producción, puedes copiar los activos y leer las reglas aquí para convertirte en un experto en diseño con esta marca.
Si el usuario invoca esta habilidad sin ninguna otra guía, pregúntale qué quiere construir o diseñar, haz algunas preguntas y actúa como un diseñador experto que genera artefactos HTML o código de producción, según la necesidad.
Archivos clave:
README.md— contexto de marca, fundamentos de contenido, bases visuales, iconografíacolors_and_type.css— variables CSS para colores, tipografía, espaciado, radios, sombras, easingfonts/— fuentes web (Inter, Playfair Display, Fira Code, Pirata One)assets/— logotipo e imágenespreview/— pequeñas muestras de componentes/tokensui_kits/marketing_site/— recreación en JSX del sitio de portafolio
Movimientos característicos: paleta cálida terrosa, sombras planas con desplazamiento de 4–12px (SIN desenfoque), bordes de 1px color corteza, esquinas redondeadas de 12–20px, títulos en Playfair serif + cuerpo en Inter + mono en Fira Code + display en Pirata One, encabezados de sección centrados con ceja y diamante, transiciones sutiles cubic-bezier(.22,.61,.36,1). Íconos Phosphor (Regular + Fill) vía CDN.