Web Design Engineer
Craft polished web interfaces with visual design intent
Install
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.
Web design demands that every visual choice trace back to intent. This skill steers agents beyond functional HTML toward aesthetic polish, emphasizing declared design systems, authentic product imagery, and purposeful interaction patterns.
Highlights
- Design-first workflow with three required checkpoints: system declaration, draft review, and major build decisions
- Real assets required: logos, typography, product photography—not CSS silhouettes or placeholder defaults
- Full spectrum of visual work: marketing pages, data dashboards, slide decks, animations, charts, and component libraries
- Avoids AI-generated clichés like gradient backgrounds and overused card patterns
- Browser acceptance testing and visual QA guidance included
The skill explicitly excludes back-end APIs, CLI tools, pure logic, or automated content conversion—it focuses on visual front-end work only. Ideal for designers working with AI agents, teams building design systems, and anyone building web UIs with intention and craft.
Similar skills
Web Design Guidelines
SkillA practical quality audit for web interface code
Frontend Design
SkillDesign direction for interfaces that should not read as templated defaults.
Taste Skill
SkillPushes agent-built interfaces past the default template look.
Comments(0)
Sign in to comment