---
name: mi-estilo
description: 'El sistema de diseño de ESCRIBE-AQUI-EL-NOMBRE: sus colores, su tipografía, sus espacios, sus componentes y lo que nunca se usa. Úsala siempre que haya que diseñar, maquetar, elegir colores o tipografías, escribir CSS o Tailwind, o revisar cómo quedó una pantalla. Si esta habilidad está puesta, no inventes una paleta ni una tipografía: las de abajo son las que van.'
license: MIT
---

# Mi estilo

<!--
  ─────────────────────────────────────────────────────────────────────
  CÓMO SE USA ESTE ARCHIVO — lee esto una vez y luego borra este bloque.

  1. Arriba, donde dice ESCRIBE-AQUI-EL-NOMBRE, pon de quién es el
     estilo. Puede ser una marca ("Linear") o tu negocio ("Tacos Lupita").
     Esa línea de arriba es lo que hace que Claude sepa cuándo usarla:
     si queda vaga, la habilidad no se prende sola.

  2. Más abajo, donde dice PEGA AQUÍ, pega el DESIGN.md completo que
     copiaste. Tal cual, sin recortar.

  3. Guarda el archivo con el nombre SKILL.md, dentro de una carpeta.
     La carpeta puede llamarse como quieras: mi-estilo, tacos-lupita…

  4. Si quieres cambiar de estilo después, no hagas otra habilidad:
     reemplaza lo que está debajo de PEGA AQUÍ y ya.
  ─────────────────────────────────────────────────────────────────────
-->

## Cómo se usa esto

Todo lo que viene abajo es la única fuente de verdad visual de este proyecto.

- **Los valores de abajo le ganan a tu gusto.** Si abajo dice que el azul es `#2563EB`, no
  uses otro azul porque se vea mejor.
- **Lo que no está abajo, se pregunta.** Si falta un valor que hace falta (un color de
  error, un tamaño de botón chico), no lo inventes en silencio: propón uno derivado de los
  que sí están y di que lo derivaste.
- **Al terminar una pantalla, revísala contra esto.** Lista en qué se salió y arréglalo
  antes de entregar.
- **Si hay una sección de "no usar", esa es la más importante.** Es la que evita que el
  resultado se vea genérico.

## Ajustes de este proyecto

<!--
  Opcional. Aquí van las tres o cuatro cosas en las que TU proyecto se separa
  del estilo que copiaste. Ejemplos de lo que cabe aquí:

  - Usamos el color de acento solo en botones, nunca en texto.
  - Los bordes van más redondeados que el original: 12px en vez de 6px.
  - No usamos las animaciones de entrada.

  Si no tienes ninguno todavía, deja esta sección vacía y vuelve después.
-->

## El sistema de diseño

<!-- PEGA AQUÍ ABAJO EL DESIGN.md COMPLETO. Borra esta línea y la de abajo. -->

_(Todavía no has pegado nada. Sin esto, la habilidad no sirve.)_