skills.rest
superpollo02
superpollo02COMMUNITY
Explore all skills by this author →
GitHub

immersive

Generate implementable design-system guidance for immersive exhibit-style UI on a continuous brand-colored canvas.

Updated May 13, 2026
Search Tags:#typography#accessibility#design system#tokens#ui guidelines#keyboard-first#interactive storytelling
One-click install
npx skills add https://github.com/superpollo02/awesome-design-skill --skill immersive-superpollo02
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: immersive
Source: https://github.com/superpollo02/awesome-design-skill/tree/main/skills/immersive
Command: npx skills add https://github.com/superpollo02/awesome-design-skill --skill immersive-superpollo02

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams create consistent, accessible, interactive exhibit-style interfaces that feel like a guided experience rather than a traditional website.

Core Features & Use Cases

  • Immersive visual system: Deep-green continuous canvas with crisp white poster-like cards, thick borders, offset block shadows, and oversized condensed typography.
  • Interaction and presentation rules: Guidance for hover/active/focus-visible behaviors that support keyboard-first use and clear interaction states.
  • Implementation-ready design tokens: Defined typography, spacing, and color palette (primary/secondary/success/warning/danger/surface/text) to drive consistent component styling.

Quick Start

Use the Immersive skill to generate UI guidelines for a single-canvas, game-like exhibit experience that includes accessible focus states and consistent token-based styling.

Frequently Asked Questions about immersive

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

FAQPage Schema
What are design tokens for building an immersive exhibit-style UI?▼

Design tokens for an immersive exhibit-style UI are defined typography, spacing, and color palette variables that drive consistent component styling across a continuous brand-colored canvas.

How do I design accessible interactive storytelling screens?▼

Design accessible interactive storytelling screens by enforcing WCAG 2.2 AA targets, keyboard-first navigation, and explicit visible focus states within your component interaction and presentation rules.

Can I use this approach to build a gamified product onboarding journey?▼

Yes, you can build a gamified product onboarding journey using a single-canvas approach that generates UI guidelines for poster-like cards, oversized typography, and offset block shadows.

What is the best way to prevent anti-patterns in a gallery-like interface design system?▼

The best way to prevent anti-patterns in a gallery-like interface design system is to apply concrete component rules with testable QA criteria and explicit interaction state definitions.

Do I need defined accessibility targets before generating UI guidelines for an immersive canvas?▼

Yes, you need explicit accessibility targets like WCAG 2.2 AA and keyboard-first support defined beforehand to generate compliant UI guidelines for an immersive canvas.

Related Skills

Explore More Design & Creative Skills→
codesour-designcodesour-design

gravity-apply-tokens

Apply Gravity design system tokens to Figma screens.

Community
Advanced
PiercingXXPiercingXX
1

skeumorphism

Generate token-based Skeumorphism UI design rules with WCAG 2.2 AA accessibility criteria.

Community
Advanced
yonetim258852yonetim258852

button-states

Generate six-state UI component systems with algorithmic color derivations.

Community
Intermediate
ChrisnewgearChrisnewgear

site-architecture

Design website hierarchies, navigation schemes, URL patterns, and internal linking strategies.

Community
Advanced