Web Design Engineer
Crea interfaces web pulidas con una intención visual clara
Instalación
github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
When building or redesigning visual web artifacts—pages, dashboards, prototypes, animations, and UI systems—with intentional design direction.
El diseño web exige que cada decisión visual responda a una intención. Esta habilidad lleva a los agentes más allá del HTML funcional para lograr un acabado estético, con énfasis en sistemas de diseño definidos, imágenes auténticas del producto y patrones de interacción deliberados.
Aspectos destacados
- Flujo centrado en el diseño con tres revisiones obligatorias: definición del sistema, revisión del borrador y decisiones principales de construcción
- Exige recursos reales —logotipos, tipografía y fotografía de producto—, no siluetas creadas con CSS ni elementos provisionales genéricos
- Abarca todo el espectro visual: páginas de marketing, paneles de datos, presentaciones, animaciones, gráficos y bibliotecas de componentes
- Evita clichés generados por IA, como fondos degradados y patrones de tarjetas sobreutilizados
- Incluye pruebas de aceptación en el navegador y pautas de control de calidad visual
La habilidad excluye expresamente API de backend, herramientas CLI, lógica pura y conversión automatizada de contenido: se centra únicamente en el trabajo visual de frontend. Es ideal para diseñadores que trabajan con agentes de IA, equipos que crean sistemas de diseño y cualquiera que desarrolle interfaces web con intención y cuidado.
Habilidades similares
Frontend Design
HabilidadDirección de diseño para interfaces sin aspecto de plantilla
Taste Skill
HabilidadAleja las interfaces creadas por agentes del diseño genérico
Huashu Design
HabilidadDiseña prototipos, animaciones y visualizaciones con HTML
Comentarios(0)
Inicia sesión para comentar