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
- 01Collects visual inspiration references
- 02Defines color, typography, texture, and motion cues
- 03Arranges visuals into narrative sections
- 04Adds rationale, usage, and accessibility notes
- 05Includes stakeholder feedback prompts
Use cases
- 01Explore visual directions for a product launch
- 02Present creative options to stakeholders
- 03Align distributed teams on look and feel
- 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-builderAfter installing, type/mood-board-builderin Claude Code to confirm it loaded.
Details
From the project READMEMood 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
- Inspiration Sourcing – collect references from brand archives, industry examples, and trend boards.
- Palette Definition – propose color, typography, texture, and motion cues.
- Layout Assembly – organize visuals into narrative sections (story, audience, execution).
- Annotation Layer – add notes on why each reference matters, usage guidelines, and accessibility considerations.
- 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-directoroutputs for swift approval.
Comments
Markdown supported