skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

storytelling

Implement narrative-driven design systems with WCAG 2.2-compliant UI components and color tokens.

Updated Jul 9, 2026
Search Tags:#typography#branding#storytelling#accessibility#ui-ux#design-system
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill storytelling-ashesoftheundead
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: storytelling
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/storytelling
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill storytelling-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of maintaining a cohesive, narrative-driven design language that transforms functional interfaces into memorable, emotionally resonant user journeys.

Core Features & Use Cases

  • Design System Foundations: Provides a structured framework for typography, color tokens, and spacing scales.
  • Component-Level Guidance: Offers specific rules for anatomy, states, and interaction behaviors to ensure consistency.
  • Use Case: When building a new game hub or admin panel, use this Skill to ensure your UI components follow a playful visual style while maintaining strict accessibility standards.

Quick Start

Use the storytelling skill to generate a design system guideline for a new navigation component that follows the established typography and color foundations.

Frequently Asked Questions about storytelling

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a narrative-driven design system for UI components?▼

To build a narrative-driven design system, use a structured framework that applies emotional resonance to UI components, typography scales, and color token systems while adhering to WCAG 2.2 accessibility standards.

What is the best way to ensure my typography and color tokens follow accessibility standards?▼

The best way to ensure typography and color tokens meet accessibility standards is to apply a design system framework that enforces strict WCAG 2.2 compliance during the component authoring workflow.

Can I use storytelling design principles for a game hub or admin panel?▼

Yes, you can apply storytelling design principles to a game hub or admin panel to ensure UI components follow a playful visual style while maintaining strict accessibility standards.

How do I generate guidelines for a new navigation component using design tokens?▼

To generate guidelines for a navigation component, apply your established typography and color foundations to define the anatomy, states, and interaction behaviors within your design system.

Does this approach to UI-UX design require specific dependencies or environments?▼

No specific dependencies are required for this UI-UX design approach, allowing you to implement the narrative-driven design system framework directly within your existing digital product environments.

When should I not use narrative-driven design for my digital products?▼

You should avoid narrative-driven design when building purely functional interfaces that require strict utility over emotional resonance, or when your project cannot support the structured design-system authoring workflows it requires.

Related Skills

Explore More Design & Creative Skills→
smithisrealdevsmithisrealdev

product-designer

Creates UX/UI deliverables including wireframes, prototypes, and design systems.

Community
Advanced
vladolaruvladolaru
6

using-figma

Translate Figma nodes and tokens into a tokenized design specification and implementation plan.

Community
Advanced
Higashi-KotaHigashi-Kota

senior-ui-designer

Provide UI/UX design guidance for SaaS interfaces with WCAG 2.2 AA accessibility.

Community
Basic
brainbytes-devbrainbytes-dev
3

storytelling-frameworks

Apply narrative frameworks like StoryBrand to structure marketing content.

Community
Intermediate