mcpField
M
mood-board-builder

mood-board-builder

github.com/gtmagentsDesign & UI428105 installsUpdated 30w ago
Repository

About mood-board-builder

mood-board-builder is a design skill for developing and presenting visual directions for campaigns, product launches, and rebrands. It organizes references, palette and layout guidance, annotations, and stakeholder feedback into boards or decks.

Key features

  1. 01Collects visual inspiration references
  2. 02Defines color, typography, texture, and motion cues
  3. 03Arranges visuals into narrative sections
  4. 04Adds rationale, usage, and accessibility notes
  5. 05Includes stakeholder feedback prompts

Use cases

  1. 01Explore visual directions for a product launch
  2. 02Present creative options to stakeholders
  3. 03Align distributed teams on look and feel
  4. 04Build a mood board or PDF direction deck

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/gtmagents/gtm-agents --skill mood-board-builder

After installing, type/mood-board-builderin Claude Code to confirm it loaded.

Details

From the project README

Mood Board Builder Skill

When to Use

  • Early concepting for campaigns, product launches, or rebrands.
  • Presenting creative direction options to stakeholders.
  • Aligning distributed teams/agencies on look and feel.

Framework

  1. Inspiration Sourcing – collect references from brand archives, industry examples, and trend boards.
  2. Palette Definition – propose color, typography, texture, and motion cues.
  3. Layout Assembly – organize visuals into narrative sections (story, audience, execution).
  4. Annotation Layer – add notes on why each reference matters, usage guidelines, and accessibility considerations.
  5. Feedback Hooks – include prompts for stakeholders to vote/comment.

Templates

  • Figma/Canva board layout.
  • PDF deck template with sections (vision, palette, typography, photography).
  • Feedback form with scoring rubrics.

Tips

  • Limit each board to 3–4 cohesive directions to avoid choice overload.
  • Include real campaign copy snippets to ground visuals.
  • Pair with creative-director outputs for swift approval.

Comments

Markdown supported