·design-reference
</>

design-reference

Transformador de diseño autónomo: invoque directamente, no descomponga. Transforma un archivo HTML de referencia de diseño en una aplicación Vibes. Úselo cuando el usuario proporciona un diseño.html, una maqueta o un prototipo estático que coincida exactamente.

16Instalaciones·0Tendencia·@popmechanic

Instalación

$npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference

Cómo instalar design-reference

Instala rápidamente el skill de IA design-reference 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/popmechanic/vibes-cli --skill design-reference
  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: popmechanic/vibes-cli.

SKILL.md

Ver original

Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:design-reference". Do not decompose the steps below into separate plan tasks.

Transform a complete design reference HTML file into a working Vibes app with Fireproof data persistence.

The design reference is source code to transform, not inspiration to interpret. When given a complete HTML file with styles, your job is to make minimal surgical changes to connect it to React/Fireproof—not to recreate it from your understanding of its aesthetic.

Transformador de diseño autónomo: invoque directamente, no descomponga. Transforma un archivo HTML de referencia de diseño en una aplicación Vibes. Úselo cuando el usuario proporciona un diseño.html, una maqueta o un prototipo estático que coincida exactamente. Fuente: popmechanic/vibes-cli.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-24
Actualizado
2026-03-10

Browse more skills from popmechanic/vibes-cli

Respuestas rápidas

¿Qué es design-reference?

Transformador de diseño autónomo: invoque directamente, no descomponga. Transforma un archivo HTML de referencia de diseño en una aplicación Vibes. Úselo cuando el usuario proporciona un diseño.html, una maqueta o un prototipo estático que coincida exactamente. Fuente: popmechanic/vibes-cli.

¿Cómo instalo design-reference?

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/popmechanic/vibes-cli --skill design-reference 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/popmechanic/vibes-cli

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-24