🎯

frontend-design

🎯Skill

from johnlindquist/claude-workshop-skills

What it does

Designs distinctive, production-grade frontend interfaces with creative aesthetics, avoiding generic AI design and focusing on purposeful, memorable visual experiences.

📦

Same repository

johnlindquist/claude-workshop-skills(6 items)

frontend-design

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add johnlindquist/claude-workshop-skills --skill frontend-design

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add johnlindquist/claude-workshop-skills --skill frontend-design

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/frontend-design/SKILL.md

SKILL.md

17Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository5

🎯

chrome-devtools🎯Skill

A Chrome DevTools skill for browser automation and debugging via Chrome DevTools Protocol, supporting page navigation, element interaction, performance tracing, and visual testing.

🎯

diagram🎯Skill

A workshop skill for creating diagrams, part of the Claude Workshop Skills collection that provides curated MCP skills ready for live workshops and self-serve setup.

Skill

Skill

Skill