Web Design Engineer
ConardLi's web-design skill: a fact-verification first step, a design-context priority ladder, and an asset-over-spec brand protocol, so the interface honors real brand assets instead of generic defaults. Ships a style-recipe reference library.
Preview
Demo
generated by installing this skill + a shared studio brief · interactive · how we make these
Sample outputs
Made with this skill by Design Skills HubBundled Skills
- Design guidance authored by its creator
- Installs into any skill-compatible agent
- Delivered as a portable SKILL.md
- Works across Claude Code, Cursor, Codex, and more
Example output
Full skill (SKILL.md + bundle) is delivered on purchase.
Works with all AI agents — Claude Code, Cursor, Codex, Gemini, ChatGPT, OpenClaw, and more.
No rating and comments yet
Share how this skill worked for you.
to rate and review this skill
Get this Skill
One-time purchase. Full SKILL.md + bundle delivered on purchase.
Quick Start
npx skills add ConardLi/garden-skills --skill web-design-engineer
npx skills add ...
Paste in Terminal, Claude, or Cursor chat
Paste into Claude, Cursor, OpenClaw, or any AI chat
Support the author
This skill is free & open-source. If it helped, tip in USDC — 100% goes to them. Tipping launches soon.
Generate your design style skills from Figma.
Need something more specific to your project?