·frontend-design
</>

frontend-design

Esta habilidad debe utilizarse al crear interfaces frontend distintivas de producción con alta calidad de diseño. Se aplica cuando el usuario solicita crear componentes, páginas o aplicaciones web. Genera código creativo y pulido que evita la estética genérica de la IA.

10Instalaciones·1Tendencia·@udecode

Instalación

$npx skills add https://github.com/udecode/plate --skill frontend-design

Cómo instalar frontend-design

Instala rápidamente el skill de IA frontend-design 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/udecode/plate --skill frontend-design
  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: udecode/plate.

SKILL.md

Ver original

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Before coding, understand the context and commit to a BOLD aesthetic direction:

Esta habilidad debe utilizarse al crear interfaces frontend distintivas de producción con alta calidad de diseño. Se aplica cuando el usuario solicita crear componentes, páginas o aplicaciones web. Genera código creativo y pulido que evita la estética genérica de la IA. Fuente: udecode/plate.

Datos (listos para citar)

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

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

Browse more skills from udecode/plate

Respuestas rápidas

¿Qué es frontend-design?

Esta habilidad debe utilizarse al crear interfaces frontend distintivas de producción con alta calidad de diseño. Se aplica cuando el usuario solicita crear componentes, páginas o aplicaciones web. Genera código creativo y pulido que evita la estética genérica de la IA. Fuente: udecode/plate.

¿Cómo instalo frontend-design?

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/udecode/plate --skill frontend-design 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/udecode/plate