Frontend Design

Create distinctive, production-grade web interfaces that avoid generic AI aesthetics.

Install

git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/frontend-design ~/.claude/skills/

Design Thinking Process

1. Understand Context

Before writing code, answer:

• Purpose: What problem does this interface solve? Who uses it?
• Audience: Technical sophistication, expectations, emotional state when arriving
• Constraints: Framework requirements, browser support, performance budget, accessibility needs