Skip to content
Automation
Skill

/experience-system-blueprint

Documentation pattern for translating brand platforms into modular experience

From plugin
gtm-agents
368200 skills200 agents199 commands
Install
$ npx -y skills add gtmagents/gtm-agents --skill experience-system-blueprint --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/experience-system-blueprint

Context preview

The summary Claude sees to decide when to auto-load this skill.

Documentation pattern for translating brand platforms into modular experience

SKILL.md

experience-system-blueprint.SKILL.md
name: experience-system-blueprint
description: Documentation pattern for translating brand platforms into modular experience
  systems.

Experience System Blueprint Skill

When to Use

  • Creating scalable design systems anchored in brand strategy.
  • Handing off brand concepts to product, web, or event teams.
  • Auditing touchpoints for coherence and accessibility.

Framework

1. **System Principles** – design tenets, accessibility standards, inclusivity commitments. 2. **Component Library** – modules for hero sections, CTAs, motion behaviors, environmental elements. 3. **Sensory Spec** – visual, motion, audio, haptics guidelines with do/don't examples. 4. **Channel Adaptations** – matrices showing how components flex by channel/device. 5. **QA & Measurement** – checklist + instrumentation hooks to track fidelity and impact.

Templates

  • Blueprint deck with principle → component → channel mapping.
  • Figma/Notion doc outlining specs, tokens, and usage rules.
  • QA worksheet for reviewing executions before launch.

Tips

  • Version-control blueprints so teams know which system is authoritative.
  • Embed accessibility best practices early to avoid retrofits.
  • Pair with `design-multi-channel-brand-experience` command for turnkey toolkits.

---

Ships withgtm-agents

Free AI automation for sales, marketing, and growth teams. No coding required.

Get the whole plugin