web-design-engineer
Build or redesign polished browser-rendered visual artifacts
by conardliFree
Description
web-design-engineer is an agent skill from the garden-skills collection that helps a coding agent build or redesign polished visual front-end work for the browser, using HTML, CSS, JavaScript and React. The deliverables include pages, dashboards, prototypes, slide decks, data visualisations, animations, UI mockups and design systems. The skill asks the agent to work as a design engineer, with the bar set at a finished, refined result rather than a merely functional one, and to respect existing design systems and brand consistency while still bringing in new ideas. Its scope excludes back-end APIs, CLI tools, data-processing scripts and pure logic, and it routes long-form article conversion and narrated video presentations to other skills. The skill starts with a step to verify facts before anything else. It is listed on skills.sh, where the page shows install counts, the repository's GitHub stars and security audit results, and all of its audits pass. Install it with npx skills add https://github.com/conardli/garden-skills --skill web-design-engineer.…
Highlights
- Pages, dashboards and prototypes in HTML and React
- Slide decks and data visualisations
- Animations and UI mockups
- Respects existing design systems
- Scoped away from back-end and CLI work
- Installs from skills.sh
Ratings & Reviews
No ratings yet
Be the first to rate web-design-engineer.
People also visit
web-design-engineer FAQ
What does this skill do?
It helps a coding agent build or redesign polished browser-based visual work with HTML, CSS, JavaScript and React.
What kinds of output does it make?
Pages, dashboards, prototypes, slide decks, data visualisations, animations, UI mockups and design systems.
What is out of scope?
Back-end APIs, CLI tools, data-processing scripts and pure logic. Long-form article conversion and narrated video presentations go to other skills.
How do I install it?
Run npx skills add https://github.com/conardli/garden-skills --skill web-design-engineer.
What are the security audit results?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
How popular is it?
The page shows about 8.1K installs, and the garden-skills repository has 12.9K GitHub stars.
What are the best web-design-engineer alternatives?
Popular alternatives to web-design-engineer include premium-frontend-ui, ce-frontend-design and react-expert. See all web-design-engineer alternatives