DiseñoAwesome 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
retroovintage. - "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.mdcon 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.mddel estilo que quieras y pegarlo en tu proyecto. - Inspirarte: mirar las vistas previas en https://typeui.sh/design-skills
Comandos que utiliza
| Comando | Para qué sirve |
|---|---|
npx typeui.sh list | Muestra todos los estilos |
npx typeui.sh pull <estilo> | Instala un estilo |
npx typeui.sh pull <estilo> --dry-run | Ver qué haría, sin hacerlo |
npx typeui.sh generate | Crear 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