Claude Design

This is a design artifact generator that takes you from vague creative briefs to high-fidelity HTML deliverables: landing pages, prototypes, slide decks, animations, wireframes. It enforces three discipline layers most LLM design work skips. First, mandatory fact checking via WebSearch before designing anything tied to a real product or brand. Second, a Core Asset Protocol that won't let you fake branded work with just colors and fonts: it hunts down logos, product shots, and UI screenshots as first-class inputs. Third, a Design Direction Advisor that offers three differentiated styles from a curated taxonomy when the brief is too open, so you're not just getting the model's default aesthetic. Built to avoid the rounded-card-with-gradient sameness of typical AI design output.

Install to Claude Code

npx -y skills add jiji262/claude-design-skill --skill claude-design --agent claude-code