Generate Web Design Mood Board

Generate a curated mood board with image style, color palettes, typography, and UI element suggestions for a given web design project description.

תחום: עיצוב

מתי להשתמש

Use this skill when starting a new web design project and needing visual inspiration, aesthetic direction, and a foundational style guide to present to clients or kickstart the design process.

תגיות: web-design, mood-board, visual-inspiration, design-process, ui-ux

SKILL.md

--- name: Generate Web Design Mood Board description: Generate a curated mood board with image style, color palettes, typography, and UI element suggestions for a given web design project description. --- ## Overview This skill assists designers in quickly generating a comprehensive web design mood board. By analyzing a project brief or description, Claude will output a structured mood board including recommended image styles, color palettes (with hex codes), typography pairings, and modern UI element suggestions. This accelerates the initial design exploration phase and helps establish a consistent visual language from the outset. ## When to use Invoke this skill at the beginning of any new web design project, product redesign, or when seeking fresh aesthetic inspiration. It's particularly useful for client presentations to align on visual direction early, or to provide a solid foundation for your own design work. ## How it works 1. **Input Project Description**: Provide a detailed description of the web design project, including target audience, brand personality, desired emotions, and any existing brand guidelines or constraints. 2. **Analyze and Extract Key Concepts**: Claude will analyze the description to identify key themes, keywords, and aesthetic requirements. 3. **Source Visual Elements**: Based on the analysis, Claude will suggest categories for image styles, propose specific color palettes with hex codes, recommend font pairings suitable for headlines and body text, and describe relevant modern UI elements. 4. **Structure Output**: The output will be formatted as a detailed markdown mood board, ready for review and further iteration. ## Example usage **User Prompt:** "I need a mood board for a new e-commerce website selling artisanal, handmade jewelry. The brand should feel luxurious, natural, and minimalist. Target audience is young professional women (25-40) who appreciate craftsmanship and sustainability. We want to avoid anything too