·frontend-design-review
</>

frontend-design-review

Principios de diseño y metodología de revisión para el trabajo UI/UX. Úselo al crear nuevas interfaces, revisar cambios visuales o validar la calidad del diseño. Contiene las mejores prácticas para el pulido visual, la accesibilidad (WCAG 2.1 AA), el diseño responsivo, los estándares de componentes y los patrones de interacción. Funciona como guía de desarrollo y como lista de verificación de revisión. Produce informes estructurados con hallazgos priorizados.

9Instalaciones·0Tendencia·@petbrains

Instalación

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review

Cómo instalar frontend-design-review

Instala rápidamente el skill de IA frontend-design-review en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: petbrains/mvp-builder.

SKILL.md

Ver original

Design principles and quality standards for building and reviewing user interfaces.

Users First Every design decision should serve user needs. Prioritize clarity over cleverness, and optimize for the most common workflows. When in doubt, choose the option that reduces user effort.

Meticulous Craft Small details compound into overall quality. Consistent spacing, aligned elements, and polished interactions signal care and build trust. Sweat the details that users feel but may not consciously notice.

Principios de diseño y metodología de revisión para el trabajo UI/UX. Úselo al crear nuevas interfaces, revisar cambios visuales o validar la calidad del diseño. Contiene las mejores prácticas para el pulido visual, la accesibilidad (WCAG 2.1 AA), el diseño responsivo, los estándares de componentes y los patrones de interacción. Funciona como guía de desarrollo y como lista de verificación de revisión. Produce informes estructurados con hallazgos priorizados. Fuente: petbrains/mvp-builder.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from petbrains/mvp-builder

Respuestas rápidas

¿Qué es frontend-design-review?

Principios de diseño y metodología de revisión para el trabajo UI/UX. Úselo al crear nuevas interfaces, revisar cambios visuales o validar la calidad del diseño. Contiene las mejores prácticas para el pulido visual, la accesibilidad (WCAG 2.1 AA), el diseño responsivo, los estándares de componentes y los patrones de interacción. Funciona como guía de desarrollo y como lista de verificación de revisión. Produce informes estructurados con hallazgos priorizados. Fuente: petbrains/mvp-builder.

¿Cómo instalo frontend-design-review?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-design-review Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/petbrains/mvp-builder