--- title: "Web Design Engineer - Air Market" description: "You need something that looks good in a browser - a page, a dashboard, a prototype, a deck, a chart. This builds or redesigns it in HTML, CSS, JavaScript and React, and can also critique a design or…" canonical: "https://airmarket.ai/app/web-design-engineer" --- [Air Market](/) / [Design](/category/design) / Web Design Engineer Skill by [ConardLi](/@conardli) # Web Design Engineer Turn a rough idea into something polished in the browser ## What this does You need something that looks good in a browser - a page, a dashboard, a prototype, a deck, a chart. This builds or redesigns it in HTML, CSS, JavaScript and React, and can also critique a design or check one in the browser. Reach for it for visual front-end work, not back-end or command-line jobs. ### Top 3 things it does for you - Build a page, dashboard or prototype - Redesign something that looks unfinished - Put together a slide deck or UI mockup ## Information **Web Design Engineer at a glance** | | | | --- | --- | | Kind | Skill | | Publisher | [ConardLi](/@conardli) | | Category | [Design](/category/design) | | Works with | Agent Skills - an open standard supported by 40+ agents | | Size | 230 KB | | Licence | MIT | | Repository | [ConardLi/garden-skills](https://github.com/ConardLi/garden-skills/tree/aaf9a82f5efd73e87cc0998edc398e75bfc35901/skills/web-design-engineer) | | GitHub stars | 10,518 (as of Nov 2026) | ## Security report **Verified.** AIR scanned this exact version of Web Design Engineer and flagged nothing. AIR's verdict: **safe**. **What Web Design Engineer's check was run against** | | | | --- | --- | | Commit | aaf9a82f5efd73e87cc0998edc398e75bfc35901 | | Content hash | 3f91fc700c28f17ad8f1f25f18fef63cd1b86d4ea12a813e0c490b5fdc414b7c | | Files read | [Browse the files at this exact commit](https://github.com/ConardLi/garden-skills/blob/aaf9a82f5efd73e87cc0998edc398e75bfc35901/skills/web-design-engineer/SKILL.md) | A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned. [Read the full security report for Web Design Engineer](/security/web-design-engineer) ## About Web Design Engineer This builds and redesigns visual things that live in a browser: pages, dashboards, prototypes, slide decks, animations, UI mockups and data visualizations, written in HTML, CSS, JavaScript and React. Beyond making them, it covers exploring a design system, critiquing a design, and browser acceptance or QA of a web artifact when you want it checked rather than just built. It is deliberately scoped to visual front-end work. Back-end code, command-line tools, non-visual programming, turning source into longform articles, and narrated click-through video presentations are out. ## What's inside - SKILL.md - instructions - agents/openai.yaml - data - manifest.json - data - README.md - reference - README.zh-CN.md - reference - references/advanced-patterns.md - reference - references/block-library.md - reference - references/browser-acceptance.md - reference - references/critique-guide.md - reference - references/design-calibration.md - reference - references/design-directions.md - reference - references/failure-patterns.md - reference - references/redesign-protocol.md - reference - references/style-recipes/active-theory.md - reference - references/style-recipes/aesop.md - reference - references/style-recipes/apple-hig.md - reference - references/style-recipes/are-na.md - reference - references/style-recipes/balenciaga-post-2017.md - reference - references/style-recipes/bloomberg-businessweek-turley.md - reference - references/style-recipes/bloomberg-terminal.md - reference - references/style-recipes/dieter-rams-braun.md - reference - references/style-recipes/field-io.md - reference - references/style-recipes/headspace-meditation.md - reference - references/style-recipes/INDEX.md - reference - references/style-recipes/linear.md - reference - references/style-recipes/mailchimp-freddie.md - reference - references/style-recipes/mid-century-modern.md - reference - references/style-recipes/monocle-magazine.md - reference - references/style-recipes/muji-kenya-hara.md - reference - references/style-recipes/notion-pre-ai.md - reference - references/style-recipes/nyt-the-daily.md - reference - references/style-recipes/pentagram.md - reference - references/style-recipes/raycast.md - reference - references/style-recipes/resn-storytelling.md - reference - references/style-recipes/stripe-press.md - reference - references/style-recipes/tufte-dataink.md - reference - references/style-recipes/vercel-mesh.md - reference - references/style-recipes/vignelli-swiss-helvetica.md - reference - references/style-recipes/y2k-retrofuturism.md - reference ## Questions ### Is Web Design Engineer safe to install? AIR scanned this exact version of Web Design Engineer and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit aaf9a82f5efd, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/web-design-engineer. ### How do I install Web Design Engineer? Open https://airmarket.ai/app/web-design-engineer on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/ConardLi/garden-skills/tree/aaf9a82f5efd73e87cc0998edc398e75bfc35901/skills/web-design-engineer. Install from that link, not the branch. ## Related on Air Market - [More Design listings](/category/design) - [Everything by ConardLi](/@conardli) --- Canonical URL: