Communitygithub.com

Jorvik1020/html-design

Skill de agente: sistema de diseño HTML destilado de análisis en vivo de apple.com y linear.app — hace que las páginas generadas por IA luzcan diseñadas a propósito

¿Qué es html-design?

Este skill de agente proporciona un sistema de diseño HTML refinado, derivado de disecciones en tiempo real de sitios web líderes como apple.com y linear.app, con el objetivo de mejorar la calidad visual de páginas generadas por IA. Su utilidad principal es permitir que desarrolladores y agentes de IA produzcan interfaces que no solo sean funcionales, sino que también tengan una apariencia profesional y cuidada, evitando el aspecto genérico de muchos generadores automáticos. El skill se basa en principios de diseño extraídos de estos sitios, ofreciendo pautas de estilo, componentes y patrones que garantizan coherencia y estética. Está diseñado para integrarse con herramientas de codificación asistida por IA, como Claude Code o Cursor, proporcionando un conjunto de reglas y ejemplos que el agente puede aplicar al generar HTML y CSS. Al utilizar este skill, los usuarios pueden esperar que sus proyectos luzcan intencionadamente diseñados, con atención al detalle en tipografía, espaciado, color y disposición, replicando la calidad visual de interfaces de alta gama.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add Jorvik1020/html-design

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace html-design?

Skill de agente: sistema de diseño HTML destilado de análisis en vivo de apple.com y linear.app — hace que las páginas generadas por IA luzcan diseñadas a propósito

Skills relacionados