mood-board-builder
Use to compile visual inspiration, color palettes, and typography references for creative concepts.
- Installs
- 105
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/gtmagents/gtm-agents --skill mood-board-builder- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads mood-board-builder automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
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
- 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.
FAQ
What does the mood-board-builder skill do?
Use to compile visual inspiration, color palettes, and typography references for creative concepts.
How do I install mood-board-builder?
Run npx skills add https://github.com/gtmagents/gtm-agents --skill mood-board-builder in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/mood-board-builder/ (personal) or .claude/skills/mood-board-builder/ (project).
Which AI agents can use mood-board-builder?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is mood-board-builder safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains mood-board-builder?
It is published by gtmagents in gtmagents/gtm-agents. It has 105 recorded installs.
More from gtmagents/gtm-agents
cold-outreach
gtmagents/gtm-agents
Master cold email, LinkedIn, and first-touch prospect outreach. Use when crafting outbound sequences, social touches, or follow-ups that must earn fast responses.
procurement-playbook
gtmagents/gtm-agents
Use to manage legal, security, and procurement workflows for complex deals.
technical-bid-library
gtmagents/gtm-agents
Central repository structure for manufacturing RFP responses, compliance statements, and solution modules.
seo-writing
gtmagents/gtm-agents
Open the skill to read its SKILL.md instructions.
fraud-detection
gtmagents/gtm-agents
Use to monitor, investigate, and prevent abuse within referral programs.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.