Web Design Engineer
Crea interfacce web curate con una direzione visiva precisa
Installazione
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.
Il web design richiede che ogni scelta visiva risponda a un'intenzione precisa. Questa skill porta gli agenti oltre il semplice HTML funzionante, puntando sulla qualità estetica, su design system dichiarati, immagini autentiche del prodotto e modalità di interazione intenzionali.
Punti di forza
- Flusso di lavoro incentrato sul design con tre verifiche obbligatorie: definizione del sistema, revisione della bozza e principali decisioni di sviluppo
- Richiede risorse reali — loghi, tipografia e fotografie del prodotto — non sagome CSS o segnaposto predefiniti
- Copre l'intero spettro del lavoro visivo: pagine marketing, dashboard di dati, presentazioni, animazioni, grafici e librerie di componenti
- Evita cliché tipici dei contenuti generati dall'AI, come sfondi sfumati e schemi a schede abusati
- Include indicazioni per i test di accettazione nel browser e il controllo qualità visivo
La skill esclude esplicitamente API back-end, strumenti CLI, logica pura e conversione automatica dei contenuti: si concentra esclusivamente sul lavoro front-end visivo. È ideale per designer che collaborano con agenti AI, team impegnati nella creazione di design system e chiunque voglia realizzare interfacce web con intenzione e cura.
Skill simili
Frontend Design
SkillUna direzione visiva per interfacce non preconfezionate
Taste Skill
SkillSupera l'aspetto predefinito delle interfacce create da agenti
Huashu Design
SkillCrea prototipi, animazioni e visualizzazioni con HTML
Commenti(0)
Accedi per commentare