awesome-design-systems
Catálogo de design systems CSS — patrones de diseño web modernos y reutilizables inspirados en Stripe, Linear, Vercel.
Datos de origen
- Repositorio
- Ntizar/NtizarBrainMasterMind
- Última actividad en el origen
- 16 de julio de 2026 a las 08:02
- Idioma detectado de SKILL.md
- español
- Estrellas
- 2
- Forks
- 0
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Mostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- name
- awesome-design-systems
- description
- Catálogo de design systems CSS — patrones de diseño web modernos y reutilizables inspirados en Stripe, Linear, Vercel.
- version
- 1.0.0
- tags
- ["design-system","CSS","UI","patterns","frontend","modern"]
# Awesome Design Systems
## Resumen
Catálogo de design systems CSS — patrones de diseño web modernos y reutilizables. 25k⭐.
## Repo de referencia
- **GitHub:** `github.com/alexpate/awesome-design-systems`
- **Lenguaje:** Markdown (awesome list)
- **Licencia:** MIT
- **Mantenedor:** Alex Pate
## Contenido
La lista incluye:
1. **Design Systems:** Tailwind UI, Radix UI, Shadcn, Headless UI
2. **CSS Frameworks:** Tailwind, UnoCSS, Pico, Water.css
3. **Component Libraries:** Framer Motion, React Spring, GSAP
4. **Templates:** Landing pages, dashboards, portfolios
5. **Herramientas:** CSS generators, color pickers, icon sets
6. **Inspiración:** Sites de referencia (Stripe, Linear, Vercel)
## Uso
```bash
# Clonar para referencia
git clone https://github.com/alexpate/awesome-design-systems.git
# Explorar categorías
cat awesome-design-systems/README.md | grep -A 10 "## CSS Frameworks"
```
## Integración con Mastermind
- Complementa `aurora-design-system` — más diseño general, menos específico
- Fuente de inspiración para `popular-web-designs`
- Referencia para `frontend-dashboard-patterns` — patrones modernos
- Ideal para `claude-design` — diseño de artefactos HTML
## Pitfalls
- **No es código:** Es una lista de recursos, no una herramienta
- **Actualización:** Depende de contribuciones comunitarias
- **Categorización:** Algunos recursos se solapan entre categorías
## Referencias
- [GitHub: alexpate/awesome-design-systems](https://github.com/alexpate/awesome-design-systems)
Ver en GitHub