Saltar al contenido
7/10
A Diseño

Awesome Design Skills (colección de 67 estilos de diseño)

Es un catálogo de 67 estilos de diseño (minimalista, retro, neón, cristal...) que puedes aplicar a tu web con un solo comando.

Revisada el 2026-09-21

Popularidad
2.9k
Licencia
MIT
Categoría
Diseño

Seguridad: revisada

El contenido es seguro; el instalador o el servicio externo no se auditan aquí.

¿Qué es?

No es una sola skill, sino un maletín con 67 estilos de diseño distintos. Cada estilo es una skill independiente que le dice a tu IA cómo debe verse tu web o app.

Es como entrar en una tienda de plantillas de decoración: en vez de decorar la casa desde cero, eliges un estilo ya preparado ("minimalista", "vintage", "futurista"...) y lo aplicas.

Cada estilo viene en dos archivos:

  • SKILL.md → las instrucciones para la IA (colores, tipos de letra, reglas de accesibilidad...).
  • DESIGN.md → la explicación para humanos de por qué se eligió ese estilo.

Los 67 estilos disponibles

Por estilo visual:

Agentic, Ant, Artistic, Bento, Bold, Brutalism, Contemporary, Cosmic, Creative, Dithered, Doodle, Dramatic, Editorial, Expressive, Fantasy, Fiction, Flat, Futuristic, Geometric, Glassmorphism, Gradient, Immersive, Levels, Material, Matrix, Minimal, Modern, Mono, Neon, Neobrutalism, Neumorphism, Pacman, Paper, Perspective, Retro, Riso, Sega, Sketch, Skeumorphism, Sleek, Spacious, Storytelling, Tetris, Vibrant, Vintage.

Por temática: Cafe (cafetería), Corporate (empresa), Enterprise, Premium, Professional, Refined, Friendly, Clean, Colorful, Basic, Impeccable, Terracotta.

Inspirados en herramientas/marcas: Claude, Codex, Stitch, Shadcn, Lingo, Power, Pulse, Square, Roku.

(Puedes ver una vista previa de cada uno en https://typeui.sh/design-skills)

¿Cuándo me sirve?

Cuando quieres que tu IA haga una web o app con un estilo concreto y llamativo, y no sabes cómo describirlo.

  • "Quiero una web con estilo minimalista" → usas el estilo minimal.
  • "Quiero algo retro y nostálgico" → usas retro o vintage.
  • "Quiero que se vea moderno con cristal" → usas glassmorphism.

¿Esto me sirve a mí?

Sí, si quieres que tu IA te haga algo visual y deseas elegir tú el estilo en vez de dejar que salga genérico.

Si un día piensas...Esta colección te da...
"Quiero que mi web se vea moderna"Estilos modern, glassmorphism, gradient
"Quiero algo serio para una empresa"Estilos corporate, enterprise, professional
"Quiero algo divertido y colorido"Estilos colorful, tetris, pacman, doodle
"Quiero algo limpio y sencillo"Estilos minimal, clean, basic
"Quiero algo original y llamativo"Estilos brutalism, neobrutalism, artistic

No te sirve si no vas a crear ni modificar nada visual.

¿Es segura?

Veredicto: ✅ Limpia, con matices.

  • Qué hace por dentro (los archivos de estilo): son solo texto. Cada skill es un SKILL.md con instrucciones de diseño. No ejecutan código, no piden permisos, no se conectan a internet.
  • El matiz (importante): para instalarlos, el README te manda a usar un comando de un programa aparte llamado npx typeui.sh. Ese programa no lo hemos revisado aquí (vive en otro repositorio, bergside/typeui.sh). Por eso el veredicto es "limpia" para los archivos de diseño, pero con matices para el instalador.

Recomendación: si solo copias el SKILL.md a mano (con copiar y pegar), no hay ningún riesgo. Si usas el comando npx typeui.sh pull, revisa antes ese otro repositorio.

Casos de uso

  • Elegir un estilo para tu web: npx typeui.sh pull minimal
  • Ver todos los estilos disponibles: npx typeui.sh list
  • Probar sin instalar nada: npx typeui.sh pull retro --dry-run
  • Aplicarlo sin el instalador: copiar el SKILL.md del estilo que quieras y pegarlo en tu proyecto.
  • Inspirarte: mirar las vistas previas en https://typeui.sh/design-skills

Comandos que utiliza

ComandoPara qué sirve
npx typeui.sh listMuestra todos los estilos
npx typeui.sh pull <estilo>Instala un estilo
npx typeui.sh pull <estilo> --dry-runVer qué haría, sin hacerlo
npx typeui.sh generateCrear tu propio estilo

¿Dónde funciona?

CLI¿Funciona?Notas
OpenCode✅ SíCopiando el SKILL.md de cada estilo
Claude Code✅ SíEs uno de sus entornos objetivo
Codex✅ SíEl repo lo menciona como objetivo
Cursor✅ SíUno de los agentes para los que está pensado
Google Stitch✅ SíLo menciona explícitamente
Otros✅ SíSon archivos de texto; la mayoría de asistentes los acepta

El instalador npx typeui.sh escribe en la carpeta de skills del agente que elijas. También puedes copiar el SKILL.md a mano.

Enlaces

  • Repositorio: https://github.com/bergside/awesome-design-skills
  • Vista previa de estilos: https://typeui.sh/design-skills
  • Instalador (otro repo, no revisado): https://github.com/bergside/typeui.sh

Volver a Skills