IFQ Design Skills

Bifurca plantillas HTML verificadas para presentaciones, paneles y landing pages con una puerta de linting real

Probado · Funciona ★ 9.6/10

Qué hace

Enruta una solicitud de diseño visual HTML-first (landing page, presentación, panel, infografía, tarjeta de visita, sistema de marca o trabajo de movimiento/exportación) a una de las 12 plantillas integradas, la rellena y la verifica con un linter de marcador de posición/etiqueta IFQ incluido sin instalación antes de la entrega. Se activa en solicitudes concretas de entregables visuales y declina explícitamente la ingeniería frontend de producción, sitios SEO, trabajo de backend o ediciones de texto puro. La exportación a MP4/GIF/PDF/PPTX es un nivel opcional separado que requiere ffmpeg/Playwright.

Informe de la prueba

Se ejecutó la prueba de humo incluida en vivo (16/16 checks en verde) y luego el linter verify-lite real contra una landing page de portafolio bifurcada — detectó correctamente un atributo dinámico `data-ifq-year` sin rellenar y falló la compilación hasta que se corrigió, un defecto que el HTML de referencia escrito a mano no tenía mecanismo para detectar.

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/peixl/ifq-design-skills
cd ifq-design-skills
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/ifq-design-skills

Comandos y prompts de ejemplo

/ifq-design-skillsBifurca plantillas HTML verificadas para presentaciones, paneles y landing pages con una puerta de linting real

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

Build a landing page for our data-viz portfolio from a template
Fork a dashboard template and fill it with my real content
Turn this template into a business card design and verify it

Informe completo →