MickeyAlton33

Web Designer — Design skill for Claude Code

Design community

Activate award-winning web design mode.

How to install Web Designer

Installs to ~/.claude/skills/mickeyalton33-web-designer-plugin-web-designer/SKILL.md

Terminal

mkdir -p ~/.claude/skills/mickeyalton33-web-designer-plugin-web-designer && curl -fsSL https://raw.githubusercontent.com/MickeyAlton33/web-designer-plugin/HEAD/commands/web-designer.md -o ~/.claude/skills/mickeyalton33-web-designer-plugin-web-designer/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Web Designer does

description: "Activate award-winning web design mode. Produces creative, distinctive designs using patterns from 38 top websites."

Invoke the web-designer:web-designer skill and follow it exactly. The user wants designer-quality frontend output — not generic AI code. Apply the full design decision framework (mood, palette, type, layout, motion, signature) before writing any code.

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★