Back to Skills

experience-system-blueprint

verified

Documentation pattern for translating brand platforms into modular experience

View on GitHub

Marketplace

gtm-agents

gtmagents/gtm-agents

Plugin

brand-strategy

marketing

Repository

gtmagents/gtm-agents
60stars

plugins/brand-strategy/skills/experience-system-blueprint/SKILL.md

Last Verified

January 22, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/gtmagents/gtm-agents/blob/main/plugins/brand-strategy/skills/experience-system-blueprint/SKILL.md -a claude-code --skill experience-system-blueprint

Installation paths:

Claude
.claude/skills/experience-system-blueprint/
Powered by add-skill CLI

Instructions

# 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.

---

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
1124 chars