Can this skill help with web accessibility?

Yes, the framework specifically includes system principles for accessibility standards and inclusivity commitments to ensure they are integrated before development begins.

What is the Experience System Blueprint skill?

It is a specialized Claude Code skill designed to help developers and designers translate brand strategy into scalable, modular experience systems and documentation.

Who is this skill primarily for?

It is designed for product teams, web developers, and marketing operations who need to bridge the gap between creative brand identity and technical execution.

Does it provide templates for design handoffs?

Yes, it includes templates for blueprint decks, Figma/Notion documentation structures, and QA worksheets for reviewing executions.

How does this skill improve brand consistency?

It provides a structured framework for defining component libraries, sensory specs, and channel-specific adaptations, ensuring the brand identity remains consistent across all platforms.

Experience System Blueprint

Name: Experience System Blueprint
Author: gtmagents

bygtmagents

•

Design Tools

Translates brand strategy into modular, scalable experience systems and documentation patterns for multi-channel execution.

The Experience System Blueprint skill provides a comprehensive framework for bridging the gap between high-level brand identity and technical execution. It enables teams to generate structured documentation covering design tenets, modular component libraries, and sensory specifications including motion and audio. By establishing clear channel-adaptation matrices and integrated QA checklists, this skill ensures brand coherence across product interfaces, web platforms, and physical touchpoints while embedding accessibility standards from the initial design phase.

Key Features

01Detailed sensory specifications for visual, audio, and haptic guidelines

02Definition of system principles focused on accessibility and inclusivity

03Integrated QA worksheets and instrumentation hooks for performance tracking

04Modular component library mapping for heroes, CTAs, and motion behaviors

0529 GitHub stars

06Channel-specific adaptation matrices for cross-device consistency

Use Cases

01Handing off complex brand identities to product and web development teams

02Auditing existing digital touchpoints for brand coherence and accessibility

03Building scalable design systems anchored in strategic brand platforms

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gtmagents/gtm-agents experience-system-blueprint

For use in Claude.ai and ChatGPT

Download Skill