Individual skill

immersive

An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green)

skills/immersive/SKILL.md

Read pinned source

Source commit f631a09b4fcc0166f2e2c1a8c81906ef680c57e8

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: Yes
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Claude Code

Destination .claude/skills/immersive

(
  set -euo pipefail
  destination='./.claude/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.claude/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Codex

Destination .agents/skills/immersive

(
  set -euo pipefail
  destination='./.agents/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.agents/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Cursor

Destination .cursor/skills/immersive

(
  set -euo pipefail
  destination='./.cursor/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.cursor/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Gemini CLI

Destination .gemini/skills/immersive

(
  set -euo pipefail
  destination='./.gemini/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.gemini/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

GitHub Copilot

Destination .github/skills/immersive

(
  set -euo pipefail
  destination='./.github/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.github/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

OpenCode

Destination .opencode/skills/immersive

(
  set -euo pipefail
  destination='./.opencode/skills/immersive'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/bergside/awesome-design-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach f631a09b4fcc0166f2e2c1a8c81906ef680c57e8
  git -C "$work/repo" archive --format=tar 'f631a09b4fcc0166f2e2c1a8c81906ef680c57e8:skills/immersive' > "$work/skill.tar"
  mkdir -p -- './.opencode/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Repository context

Repository stars (not skill ratings): 3,607
Repository last updated: Jun 28, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

agent-skills Repository topic
agentic-ai Repository topic
agentic-workflow Repository topic
agents Repository topic
ai Repository topic
ai-agents Repository topic
ai-tools Repository topic
awesome Repository topic
awesome-list Repository topic
awesome-readme Repository topic
marketing Derived category
writing Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

DESIGN.mddoc · 1,538 bytes
SKILL.mdcore · 4,330 bytes

Read excerpt


<!-- TYPEUI_SH_MANAGED_START -->
# Immersive Design System Skill (Cursor)

## Mission
You are an expert design-system guideline author for Immersive.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green) — there is no alternation between section backgrounds. Crisp white cards with thick black borders, hard offset block shadows, and oversized condensed display typography (Oswald) punch off that canvas. Buttons are skewed white blocks with hard black shadows that grow on hover, like posters or arcade signs reacting to the player. Decorative geometric blocks in brand-tertiary (cobalt blue) and brand-quaternary (hot pink) layer behind cards to add depth without breaking the brand-color continuity. The result feels less like browsing a website and more like exploring a digital exhibit.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Oswald, sans-serif, display=Oswald, sans-serif, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#00592B, secondary=#0023D1, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827